ajax 上传 fromdata,ajax通过formdata对象上传图片

因为十七度的编辑器默认上传图片时前台js直接转成base64,没有给后台交互数据,这样虽然很方便但是图片base64的字编码非常长,看起来不是那么舒服,而且太长的话可能会造成浏览器的卡顿,影响发帖体验。所以考虑把数据发送到后台,后台处理后返回一个图片地址给前台。

通过日志查看编辑器在上传的时候可以给我传递这样一个blob对象。

3df4064d9e002e38c9b5df87fce8df50.png

通过下面的可以把文件提交到后台

var formData = new FormData();

formData.append("file", blob);

var imgSrc = '';

$.ajax({

url: '/upload',

type: 'post',

cache: false,

processData: false,

contentType: false,

data: formData,

dataType: 'json',

async: false,

success: function (resp) {

console.log(resp);

if (resp.status === 1) {

imgSrc = resp.result;

} else {

alert(resp.message);

}

}

});

return imgSrc;

后台直接通过$_FILES接即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值