使用FormData，进行Ajax请求并上传文件

小半 • 2022年5月30日下午5:47 • Java • 阅读 218

这里使用JQuery，但是老版本的JQuery比如1.2是不支持的，最好使用2.0或更新版本：

<form action="upload" id="multitapForm" method="post" enctype="multipart/form-data">
   <h4>人均转接率源数据：</h4>
   <input type="file" name="file" id="multitapFile" class="btn-primary">
   <input style="display: none;" type="text" name="fileName" value="人均转接率源数据.xls">
   <button type="button" class="btn btn-info" οnclick="uploadFile('multitap')">上传</button>
</form>
 




//使用FormData，进行Ajax请求并上传文件
    function doUpload(type) {
        var formData = new FormData($( "#"+type+"Form" )[0]);
        $.ajax({
            url: 'upload' ,
            type: 'POST',
            data: formData,
            async: false,
            cache: false,
            contentType: false,
            processData: false,
            success: function (returndata) {
//                alert(returndata);
                zeroModal.closeAll();
                if(returndata=='success'){
                    zeroModal.success("恭喜你，文件上传成功~");
                }else{
                    zeroModal.error("恭喜你，文件上传失败！");
                }

            },
            error: function (returndata) {
//                alert('error:'+returndata);
                zeroModal.closeAll();
                zeroModal.error(returndata.toString());
            }
        });
    }

http://www.w3school.com.cn/jquery/ajax_ajax.asp

文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/17915.html

使用FormData，进行Ajax请求并上传文件

相关推荐

分享到: