有没有办法让本地图片进入一个没有后端的静态网站?

问题描述:

我拥有的是一个静态网站,应该提供从用户计算机上显示本地图像。这个网站没有真正的后端,它只托管在一个静态文件服务器上。此外,图像没有在服务器上处理,所有的处理都是在网站本身的客户端机器上进行的。有没有办法让本地图片进入一个没有后端的静态网站?

我已经试过:

  1. 使用本地路径。 问题:交叉来源政策,如果网站托管在“www.mywebsite.com”下,浏览器不支持静态文件。

  2. 使用imageshack.us API在iframe中上传,然后获取图像的url。 问题:交叉来源政策,如果iframe的内容不在同一个域中,则iframe不得将信息传输给其父母。

你有什么想法如何解决这个问题?

感谢

您可以使用FileReader API的readAsDataURL,并使用返回的数据URL来显示图像。 MDN的页面有一个例子,就是这样做的,你可以看到它工作here

注意,FileReader API是相对较新,并且在IE

Demo of MDN's code

它不支持