xmlhttprequest上传报错error: [object ProgressEvent]


写web拖拽上传的app时遇到了一个问题,用xmlhttprequest上传图片总是报错,error: [object ProgressEvent]检查了一下,其他代码没问题,问题就出在用xmlhttprequest上传的代码上。。我用了好多方法,可老是这同一个错误。。用过的代码如下:


 var xhr = new XMLHttpRequest();
xhr.open("POST", "http://localhost:8888/upload");
xhr.setRequestHeader("X-Requested-With","XMLHttpRequest");
var fd = new FormData();
fd.append('mypic',file);
xhr.send(fd);

还有这个:


 var reader = new FileReader();
var xhr = new XMLHttpRequest();
xhr.open("POST", "http://localhost:8888/upload");
xhr.overrideMimeType("application/octet-stream");
xhr.sendAsBinary(reader.readAsBinaryString(file));

和这个:


 var xhr = new XMLHttpRequest();
    xhr.open("POST", "http://localhost:8888/upload");
    var boundary="---";
    xhr.setRequestHeader("Content-Type", "multipart/form-data, boundary="+boundary);
    var body = ''; 
    body += "--" + boundary + "\r\n"; 
    body += "Content-Disposition: form-data; name=\""+dropbox.getAttribute('name')+"\"; filename=\"" + file.Name + "\"\r\n"; 
    body += "Content-Type: "+file.Type+"\r\n\r\n"; 
    body += file.Data + "\r\n"; 
    body += "--" + boundary + "--\r\n"; 
    xhr.sendAsBinary(body);

三种代码,运行时总是同一个错误error: [object ProgressEvent],而且不管握开不开服务器都一样,后端表示没有收到数据。。我猜问题是前端的,并且是执行send语句时出的问题,但到底是为什么啊??

为了万一,把服务器端的代码也贴出来:


 function upload(response, request) {
        console.log("Request handler 'upload' was called.");  
        var form = new formidable.IncomingForm();
        console.log("about to parse");
        form.parse(request, function(error, fields, files) {
        console.log("parsing done");
        fs.renameSync(files.upload.path, "/home/veta/Desktop/upload/tmp/test.png"); 
        response.writeHead(200, {"Content-Type": "text/html"});
        response.write("received image:<br/>");
        response.write("<img src='/show'/>");
        response.end();
    });}

小白一个,若是闹了什么笑话,还请不要介意。。。

node.js web前端开发 Ajax JavaScript

newday 11 years, 7 months ago

Your Answer