Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/kotlin/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用base64更改src后刷新图像元素_Javascript_Jquery_Html_Image - Fatal编程技术网

Javascript 使用base64更改src后刷新图像元素

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){

我将jquery cropbox用于一个小项目。 首先是
“?”+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 + '"/>');