javascript - 有没有办法在没有后端的情况下将本地镜像放入静态网站?

标签 javascript html browser file-upload cross-domain

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

我尝试过的:

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

  2. 使用 imageshack.us API 在 iframe 中上传,然后获取图像的 url。 问题:跨源策略,如果 iframe 的内容不在同一域中,则 iframe 不得将信息传输到其父级。

您有什么想法可以解决这个问题吗?

谢谢

最佳答案

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

请注意,FileReader API 相对较新,IE <10 中不支持它。 Browser Support

Demo of MDN's code

关于javascript - 有没有办法在没有后端的情况下将本地镜像放入静态网站?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8699248/

相关文章:

javascript - 使用游标循环将 JS 对象添加到数组

javascript - 当所有者不在焦点时网络 worker 做什么?

html - 背景设置为滚动到图像末尾,然后设置为固定

html - 单击表体中的链接时,粘性表头会跳转

php - PHP for 循环输出中漂亮的 HTML 格式

Javascript 浏览器导航器权限其他部分未触发

javascript - 如何以编程方式清除 javascript 控制台?

javascript - View 中的 Backbone 数据逻辑

javascript - 如何将我的数据从 javascript 传递到 servlet

javascript - 从应用程序中打开智能电视浏览器