我拥有的是一个静态网站,它应该提供显示用户计算机上的本地镜像。该网站没有真正的后端,仅托管在静态文件服务器上。此外,图像不必在服务器上进行处理,所有处理都是在网站本身的客户端计算机上进行的。
我尝试过的:
使用本地路径。 问题:跨源策略,如果网站托管在“www.mywebsite.com”下,则浏览器不支持静态文件。
使用 imageshack.us API 在 iframe 中上传,然后获取图像的 url。 问题:跨源策略,如果 iframe 的内容不在同一域中,则 iframe 不得将信息传输到其父级。
您有什么想法可以解决这个问题吗?
谢谢
最佳答案
您可以使用FileReader
API 的 readAsDataURL
并使用返回的数据 URL 来显示图像。 MDN 的页面有一个示例,就是这样做的,您可以看到它正在工作 here .
请注意,FileReader
API 相对较新,IE <10 中不支持它。 Browser Support
关于javascript - 有没有办法在没有后端的情况下将本地镜像放入静态网站?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8699248/