nodejs base64 图片的使用

理解了一下 nodejs base64 图片的使用 和转换方法 读取方法

先说 为什么需要这样 把网页中图片转换成base64 有什么好处

我们在做前端网页的时候  img 读取图片的方式 

 <img src='/image/图片'/>

这样的方式 在网页加载的时候其实是要发起一个链接去读取图片 如果图片多了  就会影响加载 访问速度 

那么有没有办法 在加载的时候 直接把图片镶嵌到网页里 这样加载的时候就不会再一次发起请求

就是Base64 了

什么意思那 就是把图片转成 2进制 放入图片里 那放也不能随便放 一步一步来

1） 图片转换成2进制 

网上应该有很多的工具  那 我用nodejs 写了一个

var http=require('http');
const fs = require("fs");
const mineType = require("mime-types");
var db = http.createServer(function(request,response)
{
   var path= imgToBase64(__dirname+'\\logo.png')
  console.log(path) ; 
  function imgToBase64(url) {
  var dataurl =     fs.readFileSync(url);

  return   dataurl.toString('base64');
    };
}).listen(8888);;

意思就是加载一个图片转换成2进制 

好了 我们得到了一个 很长的乱码一样的字符串

看不懂 看不懂 

2） 获得二进制后   我们需要把二进制加载到前台img src里 也可以加载到样式里

• CSS中使用：background-image: url("data:image/png;base64,iVBORw0KGgo=...");
• HTML中使用：<img src="data:image/png;base64,iVBORw0KGgo=..." />

  

这里就是把一个logo的png 转成二进制 data：image/图片格式；base64，二进制

固定写法 

 好了 结束

适用于小图片啊 很多那种固定的图片什么的 自己按项目来