js怎么将 base64转换成图片?并上传服务器

本文介绍如何将Base64编码的图片数据转换为Blob对象,并使用FormData上传至服务器,包括图片数据的处理和多参数附带上传的实现。

var dataurl = avatar.getDataUrl();//base64图片数据
    if(!dataurl){
        alert('请对图片进行裁剪调整');
        return;
    }
 //base64图片转图片
        var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
        bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
        
        while(n--){
            u8arr[n] = bstr.charCodeAt(n);
        }
        var obj = new Blob([u8arr], {type:mime});
        
    //上传数据
        var fd = new FormData();
        fd.append("file", obj,"image.png");
        fd.append('sex', sex)  // 如果还需要传替他参数的话
        $.ajax({
            url: url,
            type: "POST",
            processData: false,
            contentType: false,
            data: fd,
            success: function(res){
         
               
        }, 4000);
            },
            error: function(err){
                console.log(err)
            }
        });

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值