将base64的图片转成文件上传至服务器

1、首先将base64字符串转成图片,filename为文件名称,用户自定义

function dataURLtoFile(dataurl, filename) {
    var arr = dataurl.split(',');
    var mime = arr[0].match(/:(.*?);/)[1];
    var bstr = atob(arr[1]);
    var n = bstr.length;
    var u8arr = new Uint8Array(n);
    while(n--){
        u8arr[n] = bstr.charCodeAt(n);
    }
    //转换成file对象
    return new File([u8arr], filename, {type:mime});
}

2、进行文件上传

function UpBase64Img(dataurl){
    var filename = "";
    var formData = new FormData();
    formData.append('file', dataURLtoFile(dataurl,'tupian.png'));
    $.ajax({
        type: "POST",
        url: AshxUrl + 'api/UpLoadFile/FileSave',
        contentType: false,
        processData: false,
        data: formData,
        async: false,
        success: function(res) {
            // console.log(res);
            if (res.result != 1) {
                webToast("图片上传失败请重试","middle", 2000);
                return;
            }else{
                webToast("图片上传成功","middle", 2000);
                filename = res.newFileName;
            }

        },
        fail: function(res) {
            alert(res.ERROR);
        }
    });
    return filename;
}

你可能感兴趣的:(jQuery,前端,文件上传,文件上传,base64)