使用ajax实现文件上传时需要注意的点

需要注意的地方主要有两个:

一是contentType的值,需要将contentType设置为false或undefined;二是需要将processData设置为false

伪代码:

$("input[type='file']").on("change", function(){
	if(this.files){ // 因为上传文件点击取消也会触发change时间,所以需要判断是否选择了文件
	var file = this.files[0];
	var fd = new FormData();
	fd.append("fileInfo", file);
	$.ajax({
		"url": ...,
		"type": ...,
		"contentType": false,
		"processData": false,
		"data": fd,
		...
	});
	}
});

因为processData默认值为true,默认情况下会将发送的数据转换为对象,如果不希望FormData进行转换,可将processData设置为false。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值