使用FormData对像发送文件

最新推荐文章于 2023-06-04 21:00:42 发布

maying0124

最新推荐文章于 2023-06-04 21:00:42 发布

阅读量186

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/maying0124/article/details/80676089

版权

jquery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

传统的form表单通对提交来上传文件，但是页面必须要刷新才可以。使用FormData对象通过ajax上传文件便可以避免刷新的异步上传。eg:

代码块

<form name="form1" enctype="multipart/form-data">
            <input type="file" id="file" name="file" style="margin-left:10px;margin-top:20px;">
            <input type="button" id="btnRead" value="导入" style="width:100px;">
  </form>

$("#importBtn").click(function(){
     var formData=new FormData();
     var files=document.getElementByIdx_x_x_x("file").files;
     var file=files[0];
     if(file==undefined){
         $.messager.alert("提示","请选择文件");
     }else{
        formData.append("myfile",file);
        $.ajax({
              url:contextPath+'/momo/fc.do',
              type:'post',
              dataType:'json',
              data:formData,
              cache:false,
              processData:false，   //告诉Jquery不要处理发送的数据
              contentType:fals,  //告诉Jquery不要去理contenet-type请求头
              success:function(data){

              }
        })
     }
});