帶有 Cordova 相機插件的 JavaScript - 將圖像 FILE_URI 轉換為 DATA_URL

Question

我正在使用cordova-plugin-camera來訪問我的混合應用程序中的相機。 我需要捕獲照片並將其發送為 base64 上傳。 拍攝照片時，我可以指定以下內容：

destinationType: Camera.DestinationType.DATA_URL

它返回一個編碼為 base64 的圖像。 但是， DATA_URL 可能會占用大量內存並導致應用程序崩潰或內存不足錯誤（如插件文檔中所述）。 正因為如此，我的應用程序在較弱的設備上崩潰，所以使用DATA_URL是不行的。 使用默認的FILE_URI應該可以解決這個問題，但我的后端配置為只接受 base64 編碼的圖像。

我的問題是，有沒有辦法將圖像從 FILE_URI 轉換為 DATA_URL base64 編碼？

Answer 1

您可以從FILE_URI下載圖片，然后您必須在畫布中渲染圖像，然后從畫布中使用canvas.toDataURL方法獲取 base64。