我上传一个在
javascript中创建的blob到我的服务器有问题.基本思想是用户上传图像,在javascript中,裁剪图像并在传输之前对其进行缩小.
图像处理工作正常,但上传本身不正常.以下是从canvas到blob的上传和转换的代码
function uploadCanvasData() { var canvas = $('#Imagedisplay').get(0); var dataUrl = canvas.toDataURL("image/jpeg"); var blob = dataURItoBlob(dataUrl); var formData = new FormData(); formData.append("file",formData); var request = new XMLHttpRequest(); request.onload = completeRequest; request.open("POST","IdentifyFood"); request.send(formData); } function dataURItoBlob(dataURI) { var byteString = atob(dataURI.split(',')[1]); var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0] var ab = new ArrayBuffer(byteString.length); var ia = new Uint8Array(ab); for (var i = 0; i < byteString.length; i++) { ia[i] = byteString.charCodeAt(i); } var bb = new Blob([ab],{ "type": mimeString }); return bb; }
服务器声称没有上传任何文件,当我使用chrome来检查请求时,我看到请求的负载为:
------WebKitFormBoundaryyzYbm61DKgS09tpB Content-disposition: form-data; name="file" [object FormData] ------WebKitFormBoundaryyzYbm61DKgS09tpB--
与输入type =“file”提交的表单的有效内容相反,
------WebKitFormBoundaryUOn3WXb7pKLmOxRZ Content-disposition: form-data; name="imagefile"; filename="-3YQHiVaGWo.jpg" Content-Type: image/jpeg ------WebKitFormBoundaryUOn3WXb7pKLmOxRZ--
原文地址:https://www.jb51.cc/ajax/160113.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。