ajax上传表单文件(可设置同步、异步)

传统上传文件的方式是form表单上传,如下

<form id= "uploadForm" action= "http://localhost:8080/cfJAX_RS/rest/file/upload" method= "post" enctype ="multipart/form-data">    
     <h1 >测试通过Rest接口上传文件 </h1>    
     <p >指定文件名: <input type ="text" name="filename" /></p>    
     <p >上传文件: <input type ="file" name="file" /></p>    
     <p >关键字1: <input type ="text" name="keyword" /></p>    
     <p >关键字2: <input type ="text" name="keyword" /></p>    
     <p >关键字3: <input type ="text" name="keyword" /></p>    
     <input type ="submit" value="上传"/>    
</form>    

点击上传按钮表单直接上传,这个过程是异步的,如果想同步上传只能借助ajax
实现方式如下

<form id="form1" enctype="multipart/form-data" >  
            <input type="file" name="uploadfile"/>  
        </form>  
        <button id="btn">123</button>
js代码
<script>  
        $("#btn").click(function(){  
            $.ajax({  
                url: 'http://10.80.3.252:9090/excel',  
                type: 'POST',  
                cache: false,  
                data: new FormData($('#form1')[0]),  
                processData: false,  
                contentType: false  
            }).done(function(res) {  
            }).fail(function(res) {});  
        })  
    </script>

即可实现ajax上传form里面的文件,同时可以设置async参数为同步




  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值