JQuery FormData 对象

最新推荐文章于 2024-09-08 21:45:17 发布

原创最新推荐文章于 2024-09-08 21:45:17 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#JQuery FormData

JQuery 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用Ajax进行文件上传的方法，通过FormData对象收集文件数据，并利用jQuery的$.ajax方法发送POST请求。文章详细展示了如何避免数据被处理为默认的application/x-www-form-urlencoded格式，从而确保后端能够正确接收文件。

var formData = new FormData();
        formData.append("file", $("input[name='file']").prop('files')[0]);
        $.ajax({
            url: "mST0009F04",
            type: "POST",
            data: formData,
            dataType: 'JSON',
            contentType: false,    // 不处理数据   True，将产生默认值application/x-www-form-urlencoded，后端取不到数据！
            processData: false,    // 不设置内容类型   不要去设置Content-Type请求头
            cache: false,
            async: true,
            success: function (data, status) {

                if (data.resultUidDtos.length < 1) {
                    alert("追加できるレコードがありません");
                    return false;
                }

                $.each(data.resultUidDtos, function (index, resultUidDto) {

                    var tr = createNewRow(resultUidDto);

                    if (rowIndex == "") {
                        $("#searchResultTbody").append(tr);
                    } else {
                        var rowThis = $("#searchResultTbody tr").eq(rowIndex - 1);
                        rowThis.after(tr);
                    }

                    resetNo();
                    resetIndexOptions();
                })
            },
            fail: function (err, status) {
                console.log(err)
            }
        })