Breaking News: Grepper is joining You.com. Read the official announcement!

jquery ajax file upload multipart/form-data

web site answered on November 28, 2021 Popularity 7/10 Helpfulness 6/10

answer jquery ajax file upload multipart/form-data

related multipart/form-data ajax jquery

jquery ajax file upload multipart/form-data

Comment

$(document).ready(function () {

    $("#btnSubmit").click(function (event) {

        //stop submit the form, we will post it manually.
        event.preventDefault();

        // Get form
        var form = $('#fileUploadForm')[0];

		// Create an FormData object 
        var data = new FormData(form);

		// If you want to add an extra field for the FormData
        data.append("CustomField", "This is some extra data, testing");

		// disabled the submit button
        $("#btnSubmit").prop("disabled", true);

        $.ajax({
            type: "POST",
            enctype: 'multipart/form-data',
            url: "/api/upload/multi",
            data: data,
            processData: false,
            contentType: false,
            cache: false,
            timeout: 600000,
            success: function (data) {

                $("#result").text(data);
                console.log("SUCCESS : ", data);
                $("#btnSubmit").prop("disabled", false);

            },
            error: function (e) {

                $("#result").text(e.responseText);
                console.log("ERROR : ", e);
                $("#btnSubmit").prop("disabled", false);

            }
        });

    });

});

Popularity 7/10 Helpfulness 6/10 Language javascript

Source: mkyong.com

Tags: file-upload javascript jquery-ajax

Link to this answer
Share Copy Link

Contributed on Feb 10 2023

web site

0 Answers Avg Quality 2/10

Closely Related Answers

multipart/form-data ajax jquery

Comment

var form = new FormData($("#uploadForm")[0]);

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: ajax

Link to this answer
Share Copy Link

Contributed on Nov 28 2021

Shy Sandpiper

0 Answers Avg Quality 2/10

jquery ajax file upload multipart/form-data

Contents

More Related Answers

jquery ajax file upload multipart/form-data

Closely Related Answers

multipart/form-data ajax jquery

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.