node.js+express 文件上傳以及圖片上傳

文件上傳
multer模塊官網

  • html頁面
<form method="post" enctype="multipart/form-data" class="uploadFile" action="lalocal-sales/customers/excel">
       <button class="btn btn-success btn-file-up"><input type="file" name="file" class="file_up" id='file'>上傳文件</button>
 </form>
  • js代碼
$('.file_up').change(function() {
    $('.uploadFile').submit();
});
  • node層
    先引入multer模塊,設置文件上傳目錄
var multer = require('multer');
var upload = multer({
    dest: './upload/'
});

再對上傳的文件進行格式化

router.post("/customers/excel",upload.single('file'),function(req,res,next) {
    var url = global.baseURL+req.url;
  console.log('url................................'+url);
  console.log('請求路徑.....'+req.url);
    var obj = req.file;
    var tmp_path = obj.path;
    var new_path = "upload/excelfile.XLSX";
    console.log("原路徑:" + tmp_path);
    /*修改上傳文件地址*/
    fs.rename(tmp_path, new_path, function(err) {
            if (err) {
                    throw err;
            }
    });

最后上傳到服務器

superagent
                 .post(url)
        .attach('file', new_path)
        .end(function(err1, res1) {
        if (res1.ok) {
                    console.log(JSON.stringify(res1.body));
                    fs.unlinkSync(new_path);//刪除 
                    res.redirect(global.rootUrl+'custom');
                    }
            });
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 概要 64學時 3.5學分 章節安排 電子商務網站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,313評論 0 3
  • Express 簡介 Express 是一個簡潔而靈活的 node.js Web應用框架, 提供了一系列強大特性幫...
    保川閱讀 2,039評論 0 24
  • 個人入門學習用筆記、不過多作為參考依據。如有錯誤歡迎斧正 目錄 簡書好像不支持錨點、復制搜索(反正也是寫給我自己看...
    kirito_song閱讀 2,500評論 1 37
  • 33、JS中的本地存儲 把一些信息存儲在當前瀏覽器指定域下的某一個地方(存儲到物理硬盤中)1、不能跨瀏覽器傳輸:在...
    萌妹撒閱讀 2,104評論 0 2
  • 全局安裝webpack 全局安裝webpack會有個問題,就是當你有兩個項目依賴于不同版本的webpack,就會有...
    説好的妹紙呢閱讀 1,858評論 0 11