javascript: 在 IE9 中获取输入字段 (type=file) 的 base64

Question

我需要上传一张图片，像这样

<form>
    <input type="file">
</form>

但是，我想在上传前裁剪/调整文件大小。裁剪和调整大小没问题，但是如何从输入文件元素中获取 base64？在 IE10 和其他浏览器中，我可以这样:

if (this.files.length === 0) {
    return;
}

var file = this.files[0];

if (file.type.match(/image.*/)) {
    var reader = new FileReader();
    reader.onload = function (event) {
        cropAndResize(event.target.result);
    };
    reader.readAsDataURL(file);
}

但是，在 IE9 中 this.files 是未定义的。如何在 IE9 中访问上传图像的 base64(当然不需要往返后端!)？ Here is a jsfiddle

Answer 1

IE9 不支持 FileReader API，因此无法使用纯 JavaScript 执行您想要的操作。如果你想要 IE9 支持，那么你需要使用像 this Flash solution 这样的东西。为了达到相同的结果。