ajax通过formdata对象上传图片

18-04-05 01:36 字数 511 阅读 2979 已编辑

因为十七度的编辑器默认上传图片时前台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人点赞>

默认文集