如何將圖像文件（像素數據）讀入 JavaScript 陣列？

Question

我有一個非常基本的問題：如何讀取 javascript 中的圖像文件並以 arrays 訪問其像素數據？ 我正在編寫一個本地腳本以作為node myscript.js運行，因此不需要任何網絡內容。

基本上我需要一個 javascript 等效於以下 python 2-liner，最好具有盡可能少的外部依賴項：

import skimage.io
image = skimage.io.imread('someimage.file',as_gray=False).astype('float64')
# do stuff to image

Answer 1

您可以使用 javascript 中的FileReader() object 讀取文件/圖像。

從文檔中：

FileReader object 讓 web 應用程序異步讀取存儲在用戶計算機上的文件（或原始數據緩沖區）的內容，使用 File 或 Blob 對象指定要讀取的文件或數據。

並且在讀取圖像后，您可以使用第三方庫對其進行操作。 這里有幾個不錯的庫：

• 卡曼JS
• glfx.js
• Grafi.js
• 吉普

讀取文件的基本示例：

var fs = require('fs');

fs.readFile('image.jpg', function(err, data){
   console.log(data);
});