有没有办法让本地图片进入一个没有后端的静态网站?
问题描述:
我拥有的是一个静态网站,应该提供从用户计算机上显示本地图像。这个网站没有真正的后端,它只托管在一个静态文件服务器上。此外,图像没有在服务器上处理,所有的处理都是在网站本身的客户端机器上进行的。有没有办法让本地图片进入一个没有后端的静态网站?
我已经试过:
使用本地路径。 问题:交叉来源政策,如果网站托管在“www.mywebsite.com”下,浏览器不支持静态文件。
使用imageshack.us API在iframe中上传,然后获取图像的url。 问题:交叉来源政策,如果iframe的内容不在同一个域中,则iframe不得将信息传输给其父母。
你有什么想法如何解决这个问题?
感谢
答
您可以使用FileReader
API的readAsDataURL
,并使用返回的数据URL来显示图像。 MDN的页面有一个例子,就是这样做的,你可以看到它工作here。
注意,FileReader
API是相对较新,并且在IE