<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          nodejs 接收上傳的圖片

          2021-5-27    前端達人

          1.nodejs接收上傳的圖片主要是使用formidable模塊,服務器是使用的express搭建。

          引入formidable

          var formidable = require('./node_modules/formidable');

          攔截請求,設置formidable的常規項

          復制代碼
          app.post("/image",function (req,res) { var form = new formidable.IncomingForm();
              form.encoding = 'utf-8';
              form.uploadDir = path.join(__dirname + "/../page/upload");
              form.keepExtensions = true;//保留后綴 form.maxFieldsSize = 2 * 1024 * 1024;
          
          });
          復制代碼

          解析圖片,重命名圖片名稱,返回給前端

          復制代碼
           //處理圖片  form.parse(req, function (err, fields, files){
                  console.log(files.the_file); var filename = files.the_file.name var nameArray = filename.split('.'); var type = nameArray[nameArray.length - 1]; var name = ''; for (var i = 0; i < nameArray.length - 1; i++) {
                      name = name + nameArray[i];
                  } var date = new Date(); var time = '_' + date.getFullYear() + "_" + date.getMonth() + "_" + date.getDay() + "_" + date.getHours() + "_" + date.getMinutes(); var avatarName = name + time + '.' + type; var newPath = form.uploadDir + "/" + avatarName;
                  fs.renameSync(files.the_file.path, newPath); //重命名 res.send({data:"/upload/"+avatarName})
              })
          復制代碼


          完整代碼如下

          
          
          var path = require("path"); var fs = require("fs"); var express =require("./node_modules/express"); var app=express(); var bodyParser = require('./node_modules/body-parser'); var formidable = require('./node_modules/formidable');
          app.use(bodyParser.json());
          app.use(bodyParser.urlencoded({extended: true}));
          app.use(express.static(__dirname + "./../page"));
          app.listen("8083",function () {
              console.log("服務啟動")
          }); //攔截請求 app.post("/image",function (req,res) { var form = new formidable.IncomingForm();
              form.encoding = 'utf-8';
              form.uploadDir = path.join(__dirname + "/../page/upload");
              form.keepExtensions = true;//保留后綴 form.maxFieldsSize = 2 * 1024 * 1024; //處理圖片  form.parse(req, function (err, fields, files){
                  console.log(files.the_file); var filename = files.the_file.name var nameArray = filename.split('.'); var type = nameArray[nameArray.length - 1]; var name = ''; for (var i = 0; i < nameArray.length - 1; i++) {
                      name = name + nameArray[i];
                  } var date = new Date(); var time = '_' + date.getFullYear() + "_" + date.getMonth() + "_" + date.getDay() + "_" + date.getHours() + "_" + date.getMinutes(); var avatarName = name + time + '.' + type; var newPath = form.uploadDir + "/" + avatarName;
                  fs.renameSync(files.the_file.path, newPath); //重命名 res.send({data:"/upload/"+avatarName})
              })
          });

          
          
              

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png

          文章來源:博客園

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合