通过 ajax POST 上传图像数据。面临问题答案

【问题标题】：upload image data via ajax POST. Facing problems通过 ajax POST 上传图像数据。面临问题
【发布时间】：2013-11-25 10:33:36
【问题描述】：

在使用 cgi 脚本通过表单提交上传图像的现有 Web 应用程序中。现在我必须裁剪图像的特定部分并将其发送到服务器。

裁剪和一切都是通过 Canvas API 实现的，现在我必须将图像数据发送到服务器端代码，该代码需要更早的文件。

我使用了dataUrl函数，上传时也创建了blob数据类型转换。但在服务器端，我得到的是

“这是我的日志。[object Blob]”

或

" 这是我的日志。[object ImageData]"

我哪里错了？

注意：我设置了任何内容类型，所以默认设置是“内容类型：application/x-www-form-urlencoded” 如果我尝试使用“multipart/form-data”，数据会像

imgtype=imgbackground&customrsp=html&file=%5Bobject%20ImageData%5D

除了某些配置之外，我不允许更改服务器端代码。

【问题讨论】：

【解决方案1】：

Canvas 具有 toDataURL 函数来返回图像文件的表示形式，FormData 对象仅接受来自 File API 的 File 或 Blob 对象。

查看此问题了解详情。希望对您有所帮助：Convert fata URI to file to append to FormData

【讨论】：