html5 - node.js下載失敗，求大神解釋
問題描述
使用express框架下載文件，但是失敗了，直接看代碼
<!DOCTYPE html><html><head> <title>express 主頁</title> <meta charset='utf-8'> <script type='text/javascript' src='http://www.cgvv.com.cn/wenda/jquery.min.js'></script></head><body><p>I love you!</p><button>click there to download a pictutre</button><script type='text/javascript'>$(function(){ $(’button’).click(function(){ $.ajax({url:’/download’,type:’get’,success:function(result){ alert('Resquest has been received!');} }) })})</script></body></html>以下是node.js代碼 var express = require('express');var app = express();app.use(express.static(’public’));app.locals.title = 'My app';app.get('/',function(req,res){console.log('resquest has been received!');res.sendFile('public/index.html');res.end();})app.get('/download',function(req,res){res.download(’public/example.jpg’,’example.jpg’,function(err){if(err) console.log(err);else console.log('download successfully'); });})app.listen(3000);console.log('OK');
求解疑
問題解答
回答1：你的下載按鈕我建議直接寫成
<a href='http://www.cgvv.com.cn/download' download>下載</a>
http://www.expressjs.com.cn/4...注意res.download方法的第一個參數(shù)
res.download(’/report-12345.pdf’, ’report.pdf’, function(err){ if (err) { // Handle error, but keep in mind the response may be partially-sent // so check res.headersSent } else { // decrement a download credit, etc. }});
然后你的圖片雖然尺寸很大，但是太模糊了。。。
回答2：index.html
<!DOCTYPE html><html><head> <title>express 主頁</title> <meta charset='utf-8'> <script type='text/javascript' src='http://www.cgvv.com.cn/wenda/jquery.min.js'></script></head><body><p>I love you!</p> <a href='http://www.cgvv.com.cn/download' download>下載</a></body></html>
node.js
var express = require('express');var app = express();app.use(express.static(’public’));app.locals.title = 'My app';app.get('/',function(req,res){console.log('resquest has been received!');res.sendFile('public/index.html');res.end();})app.get('/download',function(req,res){ res.download(’public/example.jpg’, ’example.jpg’,function(err){if(err) console.log(err);else console.log('download successfully'); });})app.listen(3000, function(err) { if(err) console.error(err); console.log('OK');});
你可以瀏覽器單獨訪問http://localhost:3000/download看看能不能下載下來，你現(xiàn)在直接404后臺服務(wù)都沒ready，先別前后端的聯(lián)調(diào)吧。
相關(guān)文章：
網(wǎng)公網(wǎng)安備