Javascript FormData函数可用于Chrome和Opera，但不适用于Firefox

Question

var data = new FormData(document.getElementById("uploadform"));  
$.each($('#file')[0].files, function(i, file) {
data.append('file-'+i, file, this.name);                    
});

That code works on Chromium 26 but not Firefox 21. I put an alert within the each loop, "alert(this.name)", which displays the filename in Chrome, but nothing in Firefox...so that's apparently where it's all bogging down in Firefox.

I also tried it on Firefox 24--same problem. I know this code used to work on Firefox--an older version than 21.

This slight change, just leaving off a couple parameters, gives me the same results:

var data = new FormData();   
$.each($('#file')[0].files, function(i, file) {
data.append('file-'+i, file);                   
});

I just have no idea what's up, because Mozilla docs show that this is supported and that I'm doing it right.

Here's the ajax call portion of the code if anyone curious (but this is not the problem--it's bogging down in the above code per my alert check):

$.ajax({
url: 'upload.php',
data: data,
contentType: false,
processData: false,
cache: false,
type: 'POST',
success: function(data){ }

Anyone have any similar problems, or have any inkling where to even look?

Answer 1

Are there errors in your browser's console? Check the Net (or Network) tab as well.

I would test in IE or Opera as well to confirm that it is specifically a FF issue.

Also try producing an alert

if (!window.FormData) {
    alert('Doh!');
}