javascript 调整图像大小并附加到HTML表单的正确方法?

anauzrmj  于 2023-01-01  发布在  Java
关注(0)|答案(1)|浏览(98)

我尝试在提交表单之前在客户端调整图片大小,然后将其附加到表单中。当我最初提交此操作时,它似乎工作正常。但在服务器端,它仍在上传原始图片。这可能吗?

8ehkhllq

8ehkhllq1#

我注意到这篇文章只是现在解决同样的问题。这是不可能的,以取代用户选择的输入类型'文件'与一个调整大小的。出于安全原因浏览器不允许这样做。该形式是张贴使用HTTP POST这是同步的。根据一些文章,改变的图像应该张贴异步。所有的例子使用XHR或 AJAX 为这一点。可能的解决方案似乎是这样的:1)调整图像大小并将画布转换为dataUrl或blob; 2)在表单中添加新的隐藏字段,或者将图像上载移到表单之外; 3)使用XHR或 AJAX 发布调整大小后的图像; 4)从“file”类型的原始输入中删除name属性(这将阻止其提交)或忽略服务器端; 5)在服务器上解码dataUrl并将图像保存在您的上传文件夹中。

相关问题