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

时间:2013-11-25 10:33:37

标签: ajax image upload

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

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

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

  

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

  

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

我哪里错了?

注意:我设置了任何内容类型,因此默认设置为“内容类型: application / x-www-form-urlencoded ” 如果我尝试使用“ multipart / form-data ”,数据就像

  

imgtype = imgbackground&安培; customrsp = HTML&安培;文件=%5Bobject%20ImageData%5D

我不允许更改服务器端代码,除了一些配置。

1 个答案:

答案 0 :(得分:0)

Canvas有toDataURL函数来返回图像文件的表示,FormData对象只接受File API中的File或Blob对象。

查看此问题以获取详细信息。我希望它会有所帮助:Convert fata URI to file to append to FormData