Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 文件读取器访问web映像_Javascript_Filereader - Fatal编程技术网

Javascript 文件读取器访问web映像

Javascript 文件读取器访问web映像,javascript,filereader,Javascript,Filereader,如果我使用下面的代码从本地pc中选择图像,则代码运行良好: var outerImg=document.getElementById("img"); if(!outerImg.files[0]) { return; } var imgdat=outerImg.files[0]; var reader = new FileReader(); reader.onload=function(event) { va

如果我使用下面的代码从本地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);

我的问题是,是否可以使用类似的方式访问web图像?假设我有10个图像,使用
显示它们,并使用reader访问它们?

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

如果这是javascript(如果不是,请不要杀了我),请添加标记:)如果您可以访问JQuery库,只需执行$(“myDiv”)。append(“您好,您的意思是这是可能的?只要我们使用jquery?实际上,web映像来自存储在MySQL中的我的服务器,我希望允许用户访问每个映像以进行映像处理。如果此代码附加到网页(在网页内),然后创建一个div标记或某个元素来保存图像。加载图像后,使用我提供的代码将其放入div标记中。这是通过网站执行的,对吗?是!正确。我刚刚使用您的代码在id=myDiv内尝试并输出了图像。但是,它显示了未捕获的类型错误:无法读取undf的属性“0”内德。对不起,我对HTML5 API很陌生,请告知。您好,我怀疑这也会导致问题。那么是否可以使用FileReader访问图像?我不是肯定的,但在修复js错误后,您可以像下面这样直接尝试使用img元素
reader.readAsDataURL(outerImg);
hm..尝试注释[0]填充并使用您的建议,没有回应。然后我猜您的问题的答案是否定的。因此您的结论是FileReader只能处理本地文件,而不能处理类似“”的文件。