我有一个包含一些字段的表单,包括输入类型='文件',用于上传图像。
我正在寻找一种方法来调整此字段选择的图像大小,但不立即上传。
我已经阅读了一些教程,这些教程教授了以下过程:
1 - 使用文件字段上的“onchange”事件捕获图像;
2 - 创建具有所需图像大小的画布元素;
3 - 在画布元素中绘制图像并读取其内容;
4 - 使用 FormData 异步发送图像数据 (ajax)。
我想在第 3 步之前做同样的事情,然后在用户单击表单的提交按钮时将调整大小的图像与其他字段一起发送。
有人知道吗?
谢谢!
Ps:一些帖子几乎可以满足我的要求:
http :
//coding.pressbin.com/84/File-API-Resize-photo-before-upload/ 在 HTML5 画布中调整图像大小