javascript - 在 Chrome 中选择相同文件时 FileReader onload 不会被触发

Question

FileReader onload 当使用 Chrome 选择同一个文件时，它不会在第二次被触发，对于 FireFox，它一直被触发。

function uploadCover(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function(e) {

            var image = new Image();
            image.src = e.target.result;

            image.onload = function () {
               // code
            };
        };
        reader.readAsDataURL(input.files[0]);
    }
}

我想在上传时验证图片的宽度和高度。所以有两种情况最终会出现问题:

1. 用户选择相同的图像而没有任何变化。

   这次用户应该再次收到验证消息。

2. 用户编辑了图片并更改了尺寸，重新上传。

   同样，文件值未更改，因此未调用上传或验证。

Answer 1

检查与您的问题类似的问题:

Chrome file upload bug: on change event won't be executed twice with the same file

input file onchange event not being fired in chrome