我正在使用 HTML5 拖放操作从用户的计算机获取图像,并希望将它们上传到我的 Rails 服务器(在该端使用 Carrierwave)。我不知道我到底在做什么,但根据这些说明拼凑了这段代码 http://code.google.com/p/html5uploader/wiki/HTML5Uploader
这会返回 500 错误 - 任何人都可以看一下并帮助我解决我做错的事情吗?
var files = e.dataTransfer.files;
if (files.length){
for (var i = 0; i<files.length; i++) {
var file = files[i];
var reader = new FileReader();
reader.readAsBinaryString(file);
reader.onload = function() {
var bin = reader.result;
var xhr = new XMLHttpRequest();
var boundary = 'xxxxxxxxx';
xhr.open('POST', '/images?up=true&base64=true', true);
xhr.setRequestHeader('content-type', 'multipart/form-data; boundary=' + boundary);
xhr.setRequestHeader('UP-FILENAME', file.name);
xhr.setRequestHeader('UP-SIZE', file.size);
xhr.setRequestHeader('UP-TYPE', file.type);
xhr.send(window.btoa(bin));
};
};
};
最佳答案
有几个因素可能是罪魁祸首。您将文件作为二进制字符串读取,然后创建多部分请求,然后发送 Base64 编码值。
无需读取文件或搞乱 Base64 编码。相反,只需构造一个 FormData
对象,附加文件,然后使用 xhr.send(formData)
直接发送该文件。查看我的回复 here .
关于html - 在 Chrome 上通过 XHR 发送图像文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8098128/