formdata在append上传的文件file之后,formdata还是空的?

一、当我们需要前端上传文件,通过接口发送到后台时,一般是通过input标签,type类型为file实现上传
//借助Formdata保存上传的文件
const formdata= new Formdata();
formdata.append('file',file),
$.ajax({
    url : '后台接口',
    type : 'GET',
    dataType : 'json',
    data:{
    	'fail': formdata,    // 当我这样发送参数时,发现 formdata是 {} 的
    	'id': 111
	},
    success : function(data) {
        console.log(111);
    },
    error : function(msg) {
    }
});
console.log(formdata)
// 当我打印后发现 formdata 为 {}

console.log(formdata.get(file))
// 用get() 方法可以打印出文件信息
二、当我们调用后台接口时,需要文件内容及其他参数时,建议这样传递
//借助Formdata保存上传的文件,同时保存后台接口需要的参数
const formdata= new Formdata();
formdata.append('file',file);
formdata.append('id',123);
formdata.append('name', 'lihua')

$.ajax({
    url : '后台接口',
    type : 'GET',
    dataType : 'json',
    data:{
    	formdata,    // formdata对象作为参数
	},
    success : function(data) {
        console.log(111111);
    },
    error : function(msg) {
    }
});
评论 14
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值