将图像数据设置为图像src

Question

我有一个函数，在点击时获取图像数据，图像数据被定义为一个变量，我想要做的是将这些图像数据设置为图像src，我如何做到这一点？这是我的代码：

​

    $('.export').click(function() {
      var imageData = $('.image-editor').cropit('export');
  
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<img src=''>

​

Answer 1

您可以使用jQuery attr()函数：

$('img').attr('src', 'data:image/png;base64,' + imageData)

请参阅有关函数- http://api.jquery.com/attr/的更多信息。

Answer 2

尝试jquery .attr()

更新图像元素<img id='profile-pic' src=''>

$('.export').click(function() {
    var imageData = $('.image-editor').cropit('export');
    $('#profile-pic').attr('src', imageData); //Change your img src to imageData
});

base64 更新1:用于

$('#profile-pic').attr('src', 'data:image/png;base64,' + imageData);