在使用node讀取圖片並載入到頁面時，值得注意的是content-type的值不同，會得到不同的結果,content-type的值尤為關鍵

一、常見content-type的值

1.text/html
2.text/plain
3.text/css
4.text/javascript
5.application/x-www-form-urlencoded   post  $.post 
6.multipart/form-data   form action  method='post'  
7.application/json
8.application/xml

二、解析的圖片需要注意的點

解析圖片時需要設定的值為images/jpeg或者image/jpeg，此處就是關鍵所在了

• images/jpeg
  • 返回給前端的是完整的圖片展示
• image/jpeg
  • 直接開始下載圖片到本地

三、主要功能程式碼

1、判斷圖片是否存在

//查詢資料夾中是否存在該名字的圖片，不存在則404,存在則讀取圖片
var data = fs.readdirSync('./images');
    if (data.indexOf(path) == -1) {
       res.write('<h1>404-頁面未找到</h1>');
    } else {
       res.writeHead(200, {
           'Content-type': 'image/jpeg'
       })
       file('./images/' + path, req, res);
    }
 

2、讀取二進位制圖片內容，並返回

function file(path, req, res) {
     //banary二進位制
    fs.readFile(path, 'binary', (err, data) => {
       res.write(data, 'binary');
       res.end();
    })
}