我所拥有的是一个静态网站,应该提供显示来自用户计算机的本地图像。这个网站没有真正的后端,它只托管在一个静态文件服务器上。此外,图像不需要在服务器上处理,所有的处理都是在客户端机器上从网站本身进行的。
我试过了:
-
使用本地路径。问题:跨源策略,如果网站托管在"www.mywebsite.com"下,浏览器中不支持静态文件
-
使用imageshack。我们的API用于在iframe中上传,然后获取图像的url。问题:跨域策略,如果iframe的内容不在同一域中,则iframe不能将信息传递给它的父域
谢谢
您可以使用FileReader
API的readAsDataURL
并使用返回的数据URL来显示图像。MDN的页面有一个例子,就是这样做的,你可以看到它在这里工作。
注意FileReader
API相对较新,在IE <10中不支持。浏览器支持
MDN代码演示