如何刷新image.src dataurl，防止缓存？答案

【问题标题】：How to refresh image.src dataurl, prevent cache?如何刷新image.src dataurl，防止缓存？
【发布时间】：2015-05-29 17:01:13
【问题描述】：

我有以下代码加载我从文件中选择的图像。它加载并将其绘制到画布上，但如果我通过图像编辑器更改图像文件，然后重新加载它 - 它不会刷新并显示更改（它使用缓存版本）..

我怎样才能让它刷新？？

    var reader = new FileReader();
    reader.onload = function(event){


        img[num] = new Image();

        img[num].onload = function () {

            //handle image stuff
        }
        img[num].src = event.target.result;
    }
    reader.readAsDataURL(e.target.files[0]);

【问题讨论】：

各种图片文件名不一样我可以加载，但是名字一样就不会重新加载了。
e.target 是表单输入元素吗？
it is input type file: \ When the file is chosen, it calls the function. $( "#imageReplacer" ).on("change", function( event ){ replaceImage(event); })
啊..我发现我的错误..它没有调用更改事件，因为文件名相同..>_

标签： image caching canvas refresh src

【解决方案1】：

抱歉，输入文件更改事件有问题。由于文件名没有不同，它没有调用更改事件

如果我添加行来清除值，它会起作用。

        $( "#imageReplacer" ).on("change", function( event ){ 
            replaceImage(event); 
            $(this).val('');
        }).hide();

【讨论】：