獲取圖像角度或節點的 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 格式，則可以在服務器端對其進行轉換。