javascript - 在angularjs中将base64图像数据转换为图像文件

Question

在 angularjs 中将 base64 文件转换为图像时文件损坏 谁能建议我如何在 angularjs 中将 base64 文件转换为图像

我正在使用这种方法将base64文件转换为图像

var imageBase64 = "image base64 data";
var blob = new Blob([imageBase64], {type: 'image/png'});

从这个 blob，您可以生成文件对象。

var file = new File([blob], 'imageFileName.png');

Answer 1

首先，将 dataURL 转换为 Blob 这样做

var blob = dataURItoBlob(imageBase64);

function dataURItoBlob(dataURI) {

            // convert base64/URLEncoded data component to raw binary data held in a string
            var byteString;
            if (dataURI.split(',')[0].indexOf('base64') >= 0)
                byteString = atob(dataURI.split(',')[1]);
            else
                byteString = unescape(dataURI.split(',')[1]);

            // separate out the mime component
            var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];

            // write the bytes of the string to a typed array
            var ia = new Uint8Array(byteString.length);
            for (var i = 0; i < byteString.length; i++) {
                ia[i] = byteString.charCodeAt(i);
            }

            return new Blob([ia], {type:mimeString});
        }

然后

var file = new File([blob], "fileName.jpeg", {
            type: "'image/jpeg'"
          });