Node.js原生加載靜態文件(html或圖片等)

代碼:

html:

<img src="./public/a.jpg">

Nodejs:

var http = require('http');

http.createServer(function (req, res) {

    //獲取文件類型
    var type = req.url.substr(req.url.length - 4, req.url.length);

    //獲取資源路徑
    var realpath = __dirname + '/public/';

    //加載需要顯示的圖片資源
    if (type == '.jpg') {
        res.writeHead(200, { 'Content-Type': 'text/'+type });
        res.end(fs.readFileSync(realpath + 'a.jpg'));
    }

    //加載靜態html文件
    if (req.url == "/") {
        res.writeHead(200, { 'Content-Type': 'text/html' });
        res.end(fs.readFileSync(__dirname + '/index.html'));
    }
}).listen(8080, function () {
    console.log("http://localhost:8080");
});

這樣加載的html文件中的圖片就能夠顯示了

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,269評論 25 708
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1 92
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,229評論 4 61
  • 班級情況: 校區:科學創想樂高機器人和平校區 時間:周五17:30---18:30 學員:李樂然 韓悅飏 任教老師...
    方塊紫閱讀 364評論 0 0
  • 從運行角度,信用并非開始,而是結果。所以核心動力應該是利潤,系統從個案中一對一,一一獲取利潤,中間植入文化,整合以...
    咸叔說閱讀 166評論 0 1