ajax - 在“背景”中上传 HTML5/Ajax 图像

Question

我是新的 HTML5 和 Ajax，我想知道是否有可能使用这些技术编写一个服务，允许用户在后台上传图像，这样他们就可以在上传时继续浏览同一站点上的不同页面进步？

Answer 1

XHR2 AJAX 请求可以提交像图片这样的二进制数据：

https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications#Example.3A_Uploading_a_user-selected_file

但是，更改地址栏 (windows.location) 将在加载新页面时中断上传。您可以通过 AJAX 加载页面并使用 History API 来解决此问题：

https://developer.mozilla.org/en-US/docs/DOM/Manipulating_the_browser_history

您可以选择在客户端调整图像大小，<canvas>以减少所需的带宽和服务器负载

在 HTML5 画布中调整图像大小

此外，如果您触摸其中的图像，<canvas>您可能希望保留 JPEG 元数据，例如旋转和 GPS 坐标，

https://github.com/miohtama/Krusovice/blob/master/src/tools/resizer.js