javascript - 文件阅读器访问网络图像

Question

如果我使用它从本地 pc 中选择图像，则下面的代码效果很好：

var outerImg=document.getElementById("img");

    if(!outerImg.files[0])
    {
        return;
    }
    var imgdat=outerImg.files[0];
    var reader = new FileReader();
    reader.onload=function(event)
    {
        var img=new Image; 
            img.onload=function()
        {
            doThings(this);
        }
            img.src=event.target.result;
            alert(img.src);
    }
    reader.readAsDataURL(imgdat);

我的问题是，是否可以使用类似的方式访问网络图像？假设我有 10 张图像并<img src="xxx.jpg" id="img1">使用阅读器显示它们并使用它们来访问它们？

Answer 1

图像元素上没有files属性。这应该可以解释您在到达 FileReader 位之前遇到的 javascript 错误。