ajax通过formdata对象上传图片
18-04-05 01:36
字数 511
阅读 3216
已编辑
因为十七度的编辑器默认上传图片时前台js直接转成base64,没有给后台交互数据,这样虽然很方便但是图片base64的字编码非常长,看起来不是那么舒服,而且太长的话可能会造成浏览器的卡顿,影响发帖体验。所以考虑把数据发送到后台,后台处理后返回一个图片地址给前台。
通过日志查看编辑器在上传的时候可以给我传递这样一个blob对象。
通过下面的可以把文件提交到后台
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
接即可。
1人点赞>
0 条评论
排序方式
时间
投票
快来抢占一楼吧
请登录后发表评论
相关推荐
文章归档
2024-11
1 篇
2024-06
1 篇
2024-05
2 篇
2024-04
2 篇
2024-03
2 篇
展开剩余 68 条
2024-01
1 篇
2023-10
1 篇
2023-09
1 篇
2023-08
1 篇
2023-06
1 篇
2023-04
1 篇
2022-12
2 篇
2022-06
1 篇
2022-04
4 篇
2022-03
3 篇
2022-01
6 篇
2021-12
2 篇
2021-11
2 篇
2021-10
2 篇
2021-09
1 篇
2021-08
2 篇
2021-07
4 篇
2021-06
1 篇
2021-05
3 篇
2021-04
3 篇
2021-01
2 篇
2020-11
1 篇
2020-10
3 篇
2020-09
2 篇
2020-08
1 篇
2020-07
5 篇
2020-06
5 篇
2020-05
1 篇
2020-04
1 篇
2020-03
2 篇
2020-02
3 篇
2020-01
1 篇
2019-11
5 篇
2019-10
10 篇
2019-09
12 篇
2019-08
17 篇
2019-07
8 篇
2019-05
3 篇
2019-04
8 篇
2019-03
7 篇
2019-02
8 篇
2019-01
5 篇
2018-12
7 篇
2018-11
8 篇
2018-10
4 篇
2018-09
7 篇
2018-08
12 篇
2018-07
9 篇
2018-06
6 篇
2018-05
11 篇
2018-04
18 篇
2018-03
1 篇
2018-02
2 篇
2018-01
10 篇
2017-12
14 篇
2017-11
44 篇
2017-10
13 篇
2017-09
4 篇
2017-08
12 篇
2017-07
5 篇
2017-06
4 篇
2017-05
2 篇
2017-04
3 篇
2017-03
9 篇
2017-02
3 篇
2017-01
2 篇
2016-12
10 篇
2016-11
4 篇
最新文章
最受欢迎
11-07 19:00
06-26 11:51
05-17 17:08
05-17 10:59
04-11 17:05
13 评论
11 评论
10 评论