设置图像数据为图像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 
}); 

更新1：base64

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