将图像数据设置为图像src

Question

我有一个函数可以在点击时获取图像数据，图像数据被定义为变量，我想要做的是获取此图像数据并将其设置为图像src，我该怎么做？这是我的代码：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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
});

更新1：适用于base64

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