在作为原始图像二进制数据(png或jpeg)上载到服务器之前裁剪或调整图像大小

Question

我试图在浏览器中裁剪图像并将它们作为原始图像二进制数据上传到服务器(格式应为"image/jpeg"或"image/png").我尝试了很多客户端裁剪和上传方法,他们都使用html 5函数canvas.toDataURL()来获取"data:image/png; base64"格式的最终裁剪数据,将其上传到Web服务器然后转换它在服务器端的原始图像二进制数据.

问题是我必须将裁剪后的数据上传到像AWS S3这样的静态文件服务器,除了接受文件上传之外,它不能执行转换代码.因此,我需要的是将裁剪的图像上传为像"image/png"这样的普通图像格式.如果可以这样做,我可以使用浏览器将图像直接裁剪并上传到文件服务器(S3),我不需要中间服务器来转换图像数据并将其传输到文件服务器(S3).

Answer 1

您可以尝试Crop Upload,这是一个基于HTML5的javascript插件,可以在canvas元素中裁剪图像,将画布转换为blob,然后通过AJAX将其作为png或jpeg上传到服务器.它根本不需要任何服务器端代码,但它只能在那些支持HTML 5的浏览器中运行.

编辑:插件的链接已过期.