ajax 上传文件

本文介绍了一种使用Ajax进行文件上传的方法,特别适用于针对列表中特定记录上传文件的场景。通过FormData对象封装文件和其他参数,利用$.ajax()进行异步上传,并在Controller中通过@ReqestParam标签接收。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我们一般可以通过提交表单来上传文件,但是有时候,

我们可能需要针对列表中的某一条记录上传一个文件,此时没有表单,

我们就需要通过ajax的方式上传文件了

1.编写方法通过ajax上传

 function uploadFile(this,id){

  var data = new FormData();   ////通过FormData对象装载文件和需要传的其他参数

  var fileObj = $(this);  //获取文件对象

   data.append('file',fileObj);  //将文件对象放入FormData对象中

  data.append('id',id);     //将参数放入FormData 对象中

  // 通过ajax上传

     $.ajax({

        url:url,

      method:"post",   

      data:data,    //封装的FormData数据

      processData: false,     //Jquery不要去处理发送数据

     contentType:fasle,      //不要设置请求头

      success:function(res){

    }

     })

2.在Controller中通过@ReqestParam(“file”) 标签获取文件,id通过request.getParameter("id")获得

3.主要使用FormData对象存放表单数据,可以加入任意想传的参数,注意上传文件时,文件对应的值应该是对象

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值