jQuery Ajax File Upload Without Using a Plugin

File upload using jQuery's AJAX requires the use of XHR2, supported by modern browsers. If you want to perform file upload using AJAX without a plugin, you need to use theFormDataobject.

Code:

 var formData = new FormData();
 formData.append("file", file); // Replace "file" with your file input element's name

$.ajax({
    type: "POST",
    timeout: 50000,
    url: url,
    data: formData,
    contentType: false,
    processData: false, // Don't process the form data, leave it as pure binary data
    success: function (data) {
        alert('success');
        return false;
    }
});

formdata 對像也可以包含其他數據，例如文本輸入字段。請求。