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

Is there a way to get a local image into a static website without backend?

本文关键字：一个 静态 网站 后端 图像 地图 有没有      更新时间：2023-09-26

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

我试过了:

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

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

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

谢谢

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

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

MDN代码演示

相关文章：