有没有办法得到一个本地图像到一个静态网站没有后端



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

我试过了:

  1. 使用本地路径。问题:跨源策略,如果网站托管在"www.mywebsite.com"下,浏览器中不支持静态文件

  2. 使用imageshack。我们的API用于在iframe中上传,然后获取图像的url。问题:跨域策略,如果iframe的内容不在同一域中,则iframe不能将信息传递给它的父域

你有什么办法解决这个问题吗?

谢谢

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

注意FileReader API相对较新,在IE <10中不支持。浏览器支持

MDN代码演示

相关内容

  • 没有找到相关文章

最新更新