ajax上传文件

最新推荐文章于 2022-10-27 14:47:48 发布

LuoHeaven

最新推荐文章于 2022-10-27 14:47:48 发布

阅读量212

点赞数 1

分类专栏： java学习笔记

本文链接：https://blog.youkuaiyun.com/java2EE_Android/article/details/79066661

版权

java学习笔记专栏收录该内容

14 篇文章

订阅专栏

//文件上传
$(document).ready(function () {
    var oFileList = $(".file_table");              //表格
    var fileInput = $("#fileInput");//文件框
    //文件上传  附件上传
    fileInput.change(function () {
        var files = $(this).prop('files');//获取到文件列表
        console.log(files);
        var formData = new FormData();
        for (i = 0; i < files.length; i++) {
            formData.append("fileList", this.files[i]);
        }
        $.ajax({
            url: getRootPath() + '/SfdDatabaseController/uploadFilesfddatabaseaccessoryservice',
            type: "POST",
            data: formData,
            dataType: 'json',
            processData: false,// *重要,确认为false
            contentType: false,
            beforeSend: function (XMLHttpRequest) {
                $("#mLoading").show();
                $("#mLoading").mLoading("show");
            },
            success: function (result) {
                if (result != null && result != undefined) {
                    for (var i = 0; i < result.length; i++) {
                        var name = result[i].filename;
                        var id = result[i].id;
                        var html =
                            "<tr>" +
                            "  <td style='width: 80%;'>" +
                            "     <img src='" + getRootPath() + "/resources/img/fujian.jpg' style='width: 20px; float: left;'>" +
                            "     <cite title=" + name + ">" + name + "</cite>" +
                            "     <input type='hidden' value='" + id + "'>   " +
                            "  </td>" +
                            "  <td>" +
                            "     <a href='javascript:;' class='operation' οnclick='deleteFile(this)'>删除</a>" +
                            "  </td>" +
                            "</tr>";
                        oFileList.append(html);
                    }
                    toastr.success("上传成功!");
                } else {
                    toastr.error("上传失败!");
                }
                $("#mLoading").mLoading("hide");
                $("#mLoading").hide();
            },
        });
    });

});