$ajax.post,jquery里面用 $.ajax post文件

用 FormData，一个例子：

I'm pretty late for this but I was looking for an ajax based image uploading solution and the answer I was looking for was kinda scattered throughout this post. The solution I settled on involved the FormData object. I assembled a basic form of the code I put together. You can see it demonstrates how to add a custom field to the form with fd.append() as well as how to handle response data when the ajax request is done.

Upload html:

Image Upload Form

function submitForm() {

console.log("submit event");

var fd = new FormData(document.getElementById("fileinfo"));

fd.append("label", "WEBUPLOAD");

$.ajax({

url: "upload.php",

type: "POST",

data: fd,

enctype: 'multipart/form-data',

processData: false, // tell jQuery not to process the data

contentType: false // tell jQuery not to set contentType

}).done(function( data ) {

console.log("PHP Output:");

console.log( data );

});

return false;

}

Select a file: