nodejs处理图片请求

请求头说明
在http响应里面有几个重要的东西，Content-Type 说明文件渲染MIME类型,这是我们本文的相关处理关键。

常用的MIME类型

{
  "css": "text/css",
  "gif": "image/gif",
  "html": "text/html",
  "ico": "image/x-icon",
  "jpeg": "image/jpeg",
  "jpg": "image/jpeg",
  "js": "text/javascript",
  "json": "application/json",
  "pdf": "application/pdf",
  "png": "image/png",
  "svg": "image/svg+xml",
  "swf": "application/x-shockwave-flash",
  "tiff": "image/tiff",
  "txt": "text/plain",
  "wav": "audio/x-wav",
  "wma": "audio/x-ms-wma",
  "wmv": "video/x-ms-wmv",
  "xml": "text/xml"
}

处理方法
一、静态返回资源
原理：
使用node.js的fs.readFile来处理。根据请求地址，转换成实际的文件地址。判断文件是否存在，不存在返回404，存在则读取文件 ,并返回文件

1. //设置请求的返回头type,content的type类型列表见上面
response.setHeader("Content-Type", contentType);
2. //格式必须为 binary 否则会出错
const content =  fs.readFileSync(url,"binary");   
response.writeHead(200, "Ok");
response.write(content,"binary"); //格式必须为 binary，否则会出错
response.end();

二、动态文件流处理
原理：
使用nodejs 的fs.createReadStream来处理，这样处理的好处是断点续传。

   response.setHeader("Content-Type", "binary" );
    const stream = fs.createReadStream( "./assert/avatar.png" );
    const responseData = [];                               //存储文件流
    if (stream) {                                        //判断状态
        stream.on( 'data', function( chunk ) {
          responseData.push( chunk );
        });
        stream.on( 'end', function() {
           const finalData = Buffer.concat( responseData );
           response.write( finalData ,"binary");
           response.end();
        });
    }

3. 客户端读取文件 const content = fs.createReadStream(filePath);
4. 把内容转为数组const buffer = new Buffer(content); 传给 httpServer这一步需要特别注意，一定不能把 content 当成普通的字符串处理传给 httpServer
5. httpServer 解析出数组 var list = …
6. httpServer 把数组转为 Buffer, var buffer = new Buffer(list);
7. 返回 response.write(buffer.toString(),”binary”); //注意，这里必须转为字符串，不能以 Buffer 传给浏览器.
8. 值得注意的是，这里的 buffer 不能直接返回给客户端，nodejs 以 binary 格式读取的文件就是一个字符串，只是编码不是普通的 utf-8

express获取图片
方法一：通过二进制文件

//获取图片buffer文件
const avatar_file = await readFile(path.resolve(__dirname, ret.path));
//设置响应头为图片格式
res.setHeader("Content-Type", "image/png");
//引入js-base64,对二进制文件编码，并返回给前端
let str = `data:image/jpg;base64,${Base64.encode(avatar_file)}`.replace(/[\r\n]/g, '').replace(/=+$/,'')
        res.status(200).send(str);

方法二：通过外链获取图片(推荐使用)

//静态资源托管：将assert文件夹下的所有静态资源开放
app.use ('/static',express.static(__dirname + '/assert'));
app.get('/avatar',(req,res,next)=>{
   //将图片的链接返即可
   res.json({usr:'http://localhost:8000/static/avatar/35479952.jpg'})
})

三、引入base64对读取内容进行编码方便保存内容
代码就不给了
npm install --save js-base64
const {Base64} = require('js-base64')
base64地址