图像角度4+

Question

有没有办法转换文件，字符串或byte[]上的图像ArrayBuffer使用angular 4+？使用文件、字符串发送复杂对象的最佳方式..在单个post请求中添加到后端？

Answer 1

没有特定的角度方式，但javascript/typescript可以处理此问题：

function convertBlobToBase64 (input: Blob, callback) {
    const reader$ = new FileReader();
    reader$.onloadend = function () {
        callback(reader$.result);
    };

    reader$.readAsDataURL(input);
}

您可以像这样使用此方法：

  selectedFile: File;

   convertBlobToBase64(file.slice(), result => {
        // result is a base64
        this.selectedFileContent = result;
      });

文件是您从<input type="file">获得的内容，将内容转换为Base64字符串并通过POST发送。有更多的方法可以解决这个问题，但这是一种常见的方法。