How to send/ Upload file without using FORMDATA in jquery ajax

我们两清 提交于 2020-01-23 01:05:30

问题


How to send/Upload file without using FORMDATA in jquery ajax? Because IE does not support FORMDATA...

here is the working code...

$(document).ready(function () {
    $("#btnUpload").on("click", function () {
        var file_data = $("#UploadedFile").prop("files")[0];   // Getting the properties of file from file field          

        var form_data = new FormData();                  // Creating object of FormData class
        form_data.append("file", file_data)              // Appending parameter named file with properties of file_field to form_data
        form_data.append("user_id", 123)                 // Adding extra parameters to form_data
        $.ajax({
            url: "/User/UpdateImages",

            cache: false,
            contentType: false,
            processData: false,
            data: file_data,                         // Setting the data attribute of ajax with file_data
            type: 'post',

            success: function (data) {

                if (data.imageURL != "") {

                    // $("#imageDiv").html("<img name=\"CompanyLogo\" width=\"213\" height=\"204\" src= " + data.imageURL + "/>");
                    $("#CompanyLogo").attr("src", data.imageURL);

                }



            },
            error: function (data) {
                alert(data.imageURL + "error");
            }
        });
    });
});

来源:https://stackoverflow.com/questions/16959590/how-to-send-upload-file-without-using-formdata-in-jquery-ajax

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!