Javascript 文件读取器访问web映像
如果我使用下面的代码从本地pc中选择图像,则代码运行良好: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
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只能处理本地文件,而不能处理类似“”的文件。