在作为原始图像二进制数据（png或jpeg）上传到服务器之前裁剪或调整图像大小[关闭]

Question

我正在尝试在浏览器中裁剪图像并将它们作为 原始图像二进制数据 上传到服务器（格式应为 "image /jpeg" 或 "image/png"）。我尝试了许多客户端裁剪和上传方法，它们都使用 html 5 函数 canvas.toDataURL() 在 "data:image/png;base64" 格式，上传到网络服务器，然后在服务器端转换成原始图像二进制数据。

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

Answer 1

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

编辑：插件的链接已过期。

Answer 2

看看Filepicker.io，它提供了一个基于 JavaScript 的文件选择器，包括裁剪/调整大小功能，并支持上传到 S3 和其他云存储服务，而无需服务器端代码。请注意，某些功能需要付费计划。