上传前调整图像大小,但上传同步(不阿贾克斯)。 可能吗?(Resize image before

2019-07-30 16:43发布

我有一些字段,包括一个输入类型=“文件”,用于上传的图像的形式。
我在寻找一种方式来调整这个字段中选择德图像,而不是立刻上传。

我读过一些教程,教以下proccess:
1 - 赶上使用“平变化”上的文件字段事件的图像;
2 - 创建具有所需图像尺寸画布元件;
3 - 绘制在画布元件的图像和读取其内容;
4 - 发送使用FORMDATA图像数据异步(AJAX)。

我想这样做同样的事情,直到第3步,然后与其他字段一起发送的调整图像,当用户点击表单的提交按钮。

没有任何人有什么想法?
谢谢!

PS:有些帖子,几乎做什么,我的愿望:
http://coding.pressbin.com/84/File-API-Resize-photo-before-upload/
在HTML5画布调整图像大小

Answer 1:

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

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

此外,这可能帮助: 使用Javascript无损图像压缩

并与其他形式的项目基地64编码包括它的形象如何使用javascript图像转换成字符串的base64

并把它作为一个字符串

如果你不试图做到这一点请你提供更多的信息?



文章来源: Resize image before upload, but upload synchronously (not ajax). Is it possible?