jq上传文件

<form id="importFileForm" method="post" enctype="multipart/form-data" style="display:">
            <table style="margin:5px;height:70px;">
                <tr>
                    <td></td>
                    <td width="5px;"></td>
                    <td><input class="easyui-filebox" id="fileImport" data-options="buttonText:'选择',prompt:'请选择文件...'"  name="fileImport" style="width:260px;">
                    </td>
                    <td><a id="uploadFile" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)">上传</a></td>
                </tr>
                <tr>
                    <td colspan="4">
                        <label id="uploadInfo" />
                    </td>
                </tr>
            </table>
  </form>
    <script>
        //导入文件
        $("#uploadFile").click(function () {
            var formData = new FormData($("#importFileForm")[0]);
            //调用apicontroller后台action方法,将form数据传递给后台处理。contentType必须设置为false,否则chrome和firefox不兼容
            $.ajax({
                url: "http://localhost:12745/api/easyuiUpload/PostExcelData",
                type: 'POST',
                data: formData,
                async: false,
                cache: false,
                contentType: false,
                processData: false,
                success: function (returnInfo) {
                    //上传成功后将控件内容清空,并显示上传成功信息
                    document.getElementById('fileImport').value = null;
                    document.getElementById('uploadInfo').innerHTML = "<span style='color:Red'>" + returnInfo + "</span>";
                },
                error: function (returnInfo) {
                    //上传失败时显示上传失败信息
                    document.getElementById('uploadInfo').innerHTML = "<span style='color:Red'>" + returnInfo + "</span>";
                }
            });
            
        })
    </script>
如果出现:TypeError: 'append' called on an object that does not implement interface Fo
在ajax中加入两行:
processData:false,
contentType:false
posted @ 2022-03-21 17:10  bwteacher  阅读(203)  评论(0)    收藏  举报