首頁  >  問答  >  主體

android - nodejs 是如何处理post来的图片 使其放入 /public/images 里的?

PHP中文网PHP中文网2722 天前734

全部回覆(6)我來回復

  • PHP中文网

    PHP中文网2017-04-17 16:46:27

    express

    form 加這個:enctype="multipart/form-data"

    input(type="file")
    

    引用

    var multiparty = require('connect-multiparty')
    var multipartMiddleware = multiparty();

    路由
    app.post('/movie/save',multipartMiddleware,Movie.savePoster,Movie.save)

    
    
    exports.savePoster = function(req, res, next) {
      var posterData = req.files.uploadPoster
      var filePath = posterData.path
      var originalFilename = posterData.originalFilename
    
      if (originalFilename) {
        fs.readFile(filePath, function(err, data) {
          var timestamp = Date.now()
          var type = posterData.type.split('/')[1]
          var poster = timestamp + '.' + type
          **//将文件保存到特定的目录**
          var newPath = path.join(__dirname, '../../', '/file/images/' + poster)
    
          fs.writeFile(newPath, data, function(err) {
            // 自定义
            req.poster = poster
            next()
          })
        })
      }
      else {
        next()
      }
    }
    
    最后可以参考:http://www.imooc.com/learn/197中关于上传海报的章节视频,这个是过期的,后面一章有升级的方法

    回覆
    0
  • 巴扎黑

    巴扎黑2017-04-17 16:46:27

    node express 有上傳插件,自動解析,你只要提供個目錄就可以了很簡單

    回覆
    0
  • 高洛峰

    高洛峰2017-04-17 16:46:27

    使用formidable來解析上傳文圖片,簡單明了。你在npm上看看這個模組的api就行

    回覆
    0
  • 巴扎黑

    巴扎黑2017-04-17 16:46:27

    express 用 connect-busboy 來處理圖片上傳的 multipart/* data

    這裡有範例程式碼demo

    回覆
    0
  • 阿神

    阿神2017-04-17 16:46:27

    建議用formidable,經過我這幾天的實踐,formidable的API設計更為合理,便於更多的自訂操作,最重要的是支援多檔案上傳。
    connect-busboy沒有上述的優點,也不支援multipart

    回覆
    0
  • 高洛峰

    高洛峰2017-04-17 16:46:27

     app.post('/ava',multipart(),function(req, res){
            var filename = req.files.avatar.originalFilename || path.basename(req.files.avatar.path);
            var targetPath = pathname + '/image_repository/avatar/' + filename;
            fs.createReadStream(req.files.avatar.path).pipe(fs.createWriteStream(targetPath));
            var _url = '/avatar/' + filename;
            console.log(_url);
            console.log(targetPath);
            var _name = req.session.user;
            //用module方法保存数据
            User.update({name:_name},{$set:{avatar:_url}},function(err){
                if (err) throw err;
    
    
            });
            res.json({
                codetype : 200,
                msg:{url:'http://' + req.headers.host + '/' + filename},
                url:_url
            });
            //用entity方法保存数据,效果相同
            //User.findOne({name:_name},function(err, doc){
            //    if (err) throw err;
            //    if (doc){
            //        doc.set({avatar:targetPath});
            //        doc.save();
            //    }else{
            //        console.log('no user');
            //    }
            //});
            //res.json({
            //    codetype : 200,
            //    msg:{url:'http://' + req.headers.host + '/' + filename},
            //    url:_url
            //});
            //var _img = req.files;
            // console.log(_img);
            //res.json(_img);
        });

    圖片從前端用formdata物件傳入,用流來把圖片複製到你想要的資料夾下

    回覆
    0
  • 取消回覆