Javascript 使用base64更改src后刷新图像元素
我将jquery cropbox用于一个小项目。 首先是Javascript 使用base64更改src后刷新图像元素,javascript,jquery,html,image,Javascript,Jquery,Html,Image,我将jquery cropbox用于一个小项目。 首先是“?”+Math.random()“或日期字符串是我找到的唯一内容,但新url是base64编码的,因此无法工作 有什么想法吗?1.首先为图像创建一个容器; 2.删除图像并在您创建的容器中添加另一个图像 注意:如果执行此操作,将丢失对映像元素的引用,因为它将被删除。请避免继续引用映像,var img=$(“#映像”),即 您的HTML应该类似于: $('#selectfiledialog').change(function(evt){
“?”+Math.random()代码>“或日期字符串是我找到的唯一内容,但新url是base64编码的,因此无法工作
有什么想法吗?1.首先为图像创建一个容器;
2.删除图像并在您创建的容器中添加另一个图像
注意:如果执行此操作,将丢失对映像元素的引用,因为它将被删除。请避免继续引用映像,var img=$(“#映像”)
,即
您的HTML应该类似于:
$('#selectfiledialog').change(function(evt){
var tgt = evt.target || window.event.srcElement,
files = tgt.files;
if (FileReader && files && files.length) {
var fr = new FileReader();
fr.onload = function () {
$('#the_image').attr('src', fr.result);
}
fr.readAsDataURL(files[0]);
}
});
致:
$(“#图像”).remove();
$('img_container')追加(“”);
<div id="img_container">
<img id="the_image" src=""/>
</div>
$('#the_image').attr('src', fr.result);
$('#the_image').remove();
$('img_container')append('<img id="the_image" src="' + fr.result + '"/>');