nodejs如何取得手機內圖片-前端問答-PHP中文網

Node.js如何取得手機內圖片

Node.js是一種基於JavaScript的後端伺服器技術，它具有高效，靈活，易學易用等優點，現在被廣泛應用於Web開發等領域。

隨著行動裝置市場的不斷擴大，越來越多的人們開始使用智慧型手機來拍照、儲存和分享照片。但是，要在網路應用程式中對這些照片進行操作，需要取得手機內的照片，並將其上傳到伺服器上，這就需要使用Node.js來取得手機內的照片。

本文將介紹如何使用Node.js取得手機內的照片，並實現將其上傳到伺服器的功能。

第一步：安裝必備的模組

取得手機內的照片需要使用到node-exiftool和formidable這兩個Node.js模組，因此，需要先安裝它們。

可以使用npm安裝node-exiftool，npm是Node.js的套件管理工具，它可以方便地下載和安裝Node.js模組。輸入以下指令：

npm install node-exiftool

使用npm安裝formidable，輸入以下指令：

##npm install formidable

第二步：編寫程式碼

取得手機內的照片需要使用Node.js的http模組監聽客戶端請求，並使用node-exiftool模組取得照片的元資料訊息，然後使用formidable模組將圖片上傳到伺服器。

以下是獲取照片的程式碼：

var http = require('http');
var exiftool = require('node-exiftool');
var formidable = require('formidable');

http.createServer(function (req, res) {
  if (req.url == '/upload' && req.method.toLowerCase() == 'post') {
    var form = new formidable.IncomingForm();
    form.parse(req, function (err, fields, files) {
      if (err) throw err;
      var ep = new exiftool.ExiftoolProcess();
      ep.open();
      ep.readMetadata(files.file.path, ['-File:all'], function (error, metadata) {
        if (error) throw error;
        console.log(metadata);
      });
      res.writeHead(200, {'Content-Type': 'text/html'});
      res.end('success');
    });
    return;
  } 
  res.writeHead(200, {'Content-Type': 'text/html'});
  res.end(`
    <form action="/upload" method="post" enctype="multipart/form-data">
      <div>
        <label>Select image:</label>
        <input type="file" name="file">
      </div>
      <div>
        <button type="submit">Upload</button>
      </div>
    </form>
  `);
}).listen(8080);
console.log('Server running at http://127.0.0.1:8080/');

登入後複製

透過以上程式碼，可以用node命令啟動該應用程序，並在瀏覽器中輸入http://127.0.0.1:8080/進行測試。

第三步：取得元資料資訊

使用node-exiftool模組取得元資料資訊需要開啟一個exiftool進程，並使用readMetadata方法讀取圖片的元資料資訊。

首先，需要在程式碼中引入node-exiftool：

var exiftool = require('node-exiftool');

登入後複製

然後，需要實例化一個exiftool進程，並使用open方法開啟進程：

var ep = new exiftool.ExiftoolProcess();
ep.open();

登入後複製

最後，使用readMetadata方法讀取圖片的元資料資訊：

ep.readMetadata(files.file.path, ['-File:all'], function (error, metadata) {
  if (error) throw error;
  console.log(metadata);
});

登入後複製

readMetadata方法需要接收三個參數：檔案的路徑，參數選項和回呼函數。在上面的程式碼中，使用了'-File:all'這個參數選項來取得全部的元資料資訊。回呼函數所取得的metadata則是一個元資料物件。

第四步：上傳照片到伺服器

使用formidable模組將圖片上傳到伺服器需要藉助於formidable的IncomingForm類，透過該類別的parse方法可以解析表單資料並取得上傳的文件。

首先，需要在程式碼中引入formidable模組：

var formidable = require('formidable');

登入後複製

然後，透過IncomingForm類別的parse方法解析表單數據，並取得上傳的檔案：

var form = new formidable.IncomingForm();
form.parse(req, function (err, fields, files) {
  if (err) throw err;
});

登入後複製

在files物件中，可以獲取到上傳文件的相關信息，如文件名、文件大小、文件類型、臨時文件路徑等。

最後，可以使用Node.js內建的fs模組將檔案儲存到伺服器上：

var fs = require('fs');
fs.rename(files.file.path, __dirname + '/uploaded/' + files.file.name, function (err) {
  if (err) throw err;
});

登入後複製

rename方法將暫存檔案移到伺服器上指定的目錄下，__dirname表示目前檔案所在的目錄。

第五步：完整程式碼範例

整合以上步驟，可以得到完整的Node.js程式碼範例，實作了取得手機內的照片並上傳到伺服器上的功能。

var http = require('http');
var exiftool = require('node-exiftool');
var formidable = require('formidable');
var fs = require('fs');

http.createServer(function (req, res) {
  if (req.url == '/upload' && req.method.toLowerCase() == 'post') {
    var form = new formidable.IncomingForm();
    form.parse(req, function (err, fields, files) {
      if (err) throw err;
      var ep = new exiftool.ExiftoolProcess();
      ep.open();
      ep.readMetadata(files.file.path, ['-File:all'], function (error, metadata) {
        if (error) throw error;
        console.log(metadata);
      });
      fs.rename(files.file.path, __dirname + '/uploaded/' + files.file.name, function (err) {
        if (err) throw err;
      });
      res.writeHead(200, {'Content-Type': 'text/html'});
      res.end('success');
    });
    return;
  } 
  res.writeHead(200, {'Content-Type': 'text/html'});
  res.end(`
    <form action="/upload" method="post" enctype="multipart/form-data">
      <div>
        <label>Select image:</label>
        <input type="file" name="file">
      </div>
      <div>
        <button type="submit">Upload</button>
      </div>
    </form>
  `);
}).listen(8080);
console.log('Server running at http://127.0.0.1:8080/');

登入後複製

結語

以上是如何使用Node.js取得手機內的照片的介紹，透過使用Node.js的http模組，node-exiftool模組和formidable模組，可以很方便地實現將手機內的照片上傳到伺服器的功能。另外，在開發過程中需要注意安全性和穩定性，對於使用者上傳的檔案需要進行正確的校驗和處理。

以上是nodejs如何取得手機內圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章！