1.讀取圖片
//server.js var http = require("http"); var readImage = require("./readImage"); http.createServer(function(res, res){ // res.writeHead(200, {"Content-Type":"text/html; charset=uf-8"}); res.writeHead(200, {"Content-Type":"image/jpeg"}); if (res.url!=="/favicon.ico") { //res.write('hello,world');//不能向客戶端輸出任何字節,否則會影響圖片的輸出 readImage.readImage('./test.png', res); //如果文件路徑存在則添加數據,如果不存在則新建文件並且添加數據 console.log("繼續執行"); //res.end('end'); 在 readImage.readImage方法中已經寫過了 } }).listen(8000); console.log('Server running at http://127.0.0.1:8000/');
// readImage.js var fs= require('fs'); module.exports={ readImage:function(path,res){ fs.readFile(path,'binary',function(err, file) { if (err) { console.log(err); return; }else{ console.log("輸出文件"); res.writeHead(200, {'Content-Type':'image/jpeg'}); res.write(file,'binary'); res.end(); } }); } };
注意:在讀取圖片的過程不能向頁面寫入任何東西。
現在我們能夠向瀏覽器輸出文字,或者圖片。下一節我們將學習如何向瀏覽器同時輸出文字和圖片。