获取图像角度或节点的 base64 的最佳方法

Question

我想获取图像的 base64 数据。 我在 angular 6 作为前端工作，NodeJS 作为后端工作。 我应该从哪里获得 base64 字符串？ 它是在前端计算的还是我必须在后端转换然后将其发送回前端？ 在前端和后端获取 base64 数据的最佳方法是什么

Answer 1

您可以在 angular 和 nodejs 上转换为 base64。 取决于要求。 如果您可以灵活地在任何一方进行转换，我建议您使用 nodejs。 如果您尝试使用 angular，此转换将在浏览器上完成，浏览器可能会在低端机器上打开，并且某些文件 api 是特定于浏览器的。 如果文件太大，Filereader 或 Fileonload 将花费更多时间。

但是，由于大多数服务器将托管在高端机器上，因此它将提高性能并解决处理浏览器兼容性的开销。

Answer 2

您可以通过以下 ClientSide angular 中的代码获取 base64

handleFileSelect(evt){
      var files = evt.target.files;
      var file = files[0];

    if (files && file) {
        var reader = new FileReader();

        reader.onload =this._handleReaderLoaded.bind(this);

        reader.readAsBinaryString(file);
    }
  }



  _handleReaderLoaded(readerEvt) {
     var binaryString = readerEvt.target.result;
            this.base64textString= btoa(binaryString);
            console.log(btoa(binaryString));
    }

Answer 3

您可以在前端和后端转换图像。 如果您不需要存储图像，那么最好在前端转换它。 否则，如果您要将图像存储为 base64 格式，则可以在服务器端对其进行转换。