设置图像数据为图像src

  • Z时代
  • 2024-01-10
  • 分类：问答

我有一个函数，获取点击图像数据，图像数据被定义为一个变量，我想要做的就是将这个图像数据，并将其设置为一个图像src，如何我可以那样做吗？这里是我的代码：设置图像数据为图像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=''>

回答：

您可以使用jQuery的attr()功能：

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

查看更多有关功能 - http://api.jquery.com/attr/

回答：

尝试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);

以上是 设置图像数据为图像src 的全部内容， 来源链接： utcz.com/qa/265320.html

回到顶部