在Chrome浏览器中选择相同的文件时，FileReader的onload事件不会触发

Question

FileReader在Chrome上选择同一文件时第二次不会触发onload，但在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. 用户编辑图像并更改大小，然后重新上传。

   因为文件值未更改，所以上传或验证不会被调用。

- Anshad Vattapoyil

Answer 1

请检查以下与您问题类似的问题：

Chrome文件上传错误：在相同文件上不会执行两次更改事件

Chrome中未触发input file onchange事件

- hugomarisco

---

更新的问题。如果您有其他替代方案，请建议一下。 - Anshad Vattapoyil