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

Question

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

如何让它刷新？

    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]);

Answer 1

抱歉，输入文件更改事件出现问题。由于文件名没有不同，因此不会调用更改事件

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

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

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

How to refresh image.src dataurl, prevent cache?

caching

refresh

canvas

image

src