ajax上传内存类型的图片,使用formdata

使用ajax方式,利用fromdata方式上传文件,遇到了一些问题,记录一下。

//获取图片base64类型。使用的h5的canvas转成图片

var imageUrl = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
var fd = new FormData();
    fd.append("file",dataURLtoBlob(imageUrl));
    $.ajax({
        url: 'xxx',
        type: 'POST',
        cache: false,//无缓存
        data: fd
        ,processData: false//不处理数据
        ,contentType: false//不设置
    }).done(function(res) {
   
    }).fail(function(res) {
   
    });

//内存图片转成blob对象
function dataURLtoBlob(dataurl) {
    var array = dataurl.split(','), mime = array [0].match(/:(.*?);/)[1],
        bstr = atob(array [1]), n = bstr.length, u8arr = new Uint8Array(n);
    while(n--){
        u8arr[n] = bstr.charCodeAt(n);
    }
    return new Blob([u8arr], {type:mime});
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值