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

来源：互联网发布：老婆的生日礼物知乎编辑：程序博客网时间：2024/06/06 10:02

这里使用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" onclick="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

阅读全文

0 0