1

我有一个包含一些字段的表单,包括输入类型='文件',用于上传图像。
我正在寻找一种方法来调整此字段选择的图像大小,但不立即上传。

我已经阅读了一些教程,这些教程教授了以下过程:
1 - 使用文件字段上的“onchange”事件捕获图像;
2 - 创建具有所需图像大小的画布元素;
3 - 在画布元素中绘制图像并读取其内容;
4 - 使用 FormData 异步发送图像数据 (ajax)。

我想在第 3 步之前做同样的事情,然后在用户单击表单的提交按钮时将调整大小的图像与其他字段一起发送。

有人知道吗?
谢谢!

Ps:一些帖子几乎可以满足我的要求:
http :
//coding.pressbin.com/84/File-API-Resize-photo-before-upload/ 在 HTML5 画布中调整图像大小

4

1 回答 1

1

如果您想调整图像大小以节省空间,请尝试: http ://www.researchandtechnology.net/bcif/

这是一种 JavaScript 图像压缩算法。

这也可能有帮助:Javascript无损图像压缩

并将其包含在其他表单项中,base 64 对图像进行编码 如何使用 javascript 将图像转换为 base64 字符串

并将其作为字符串发送

如果您不尝试这样做,您能否提供更多信息?

于 2012-07-31T15:25:07.497 回答