browser - Opera 不支持 createObjectURL

Question

检查此地址：http ://caniuse.com/#feat=bloburls您可以看到这是唯一不支持此功能的桌面浏览器。我怎样才能找到解决方法而无需对我的代码进行太多更改？

var jpeg = NewBlob(imgData.array.buffer, "image/jpeg");
 var url = DOMURL.createObjectURL(jpeg);

Answer 1

如果您的用例是显示用户选择的图片的缩略图，您可以为她上传的文件创建一个数据 uri。在 Opera 12.13 下测试，即使使用几个 meg 图像也可以工作：

<script>
function handleFiles(files) {
    var reader = new FileReader();
    reader.onload = function(evt) {
        document.getElementById("img1").src = evt.target.result;
    }
    reader.readAsDataURL(files[0]);
}
</script>

<img id="img1">
<form>
    <input type="file" onchange="handleFiles(this.files)">
</form>