簡體   English   中英

將圖片上傳到未定義的Node.js圖片

[英]Upload image to Node.js image' of undefined

抱歉,縮進效果很差我是node.js的新手,嘗試將圖像上傳到node.js會檢查很多答案,如果我輸入錯了,請聯系我

1.bodyParser需要一個中間件來處理二進制文件,例如IMAGE,如果我不使用它,它將顯示

undefine token

2.像這樣使用Multer作為中間件

 var multer = require('multer') var upload = multer({ dest:'/Node/file-upload/uploads/' }); app.post('/upload',upload.array(),songs.upload); 
  1. 按照 ,req.files是圖像文件,req.body是文件名,因此我使用fs.readFile讀取文件
 fs.readFile(req.files.image.path, function (err, data) 

4.than我需要一個文件路徑和文件名,我使用req.body

 var dirname = "/Node/file-upload/uploads/"; var newPath = dirname + req.body.image.filename; 

5.than把數據寫到目的地

 fs.writeFile(newPath, data, function (err) 

我不確定我錯過了哪一部分,我花了10個小時來完成此操作,請幫忙

它總是告訴我TypeError:無法讀取未定義的屬性“圖像”

app.js

var    express = require('express')
      ,bodyParser = require('body-parser')
      ,app = express()
      ,multer  =  require('multer')
      ,binary = require('binary')
      ,fs = require('fs')
      ,util= require('util')
      ,http = require('http')
      ,multer = require('multer')
      ,upload = multer({ dest: '/Node/file-upload/uploads/' });

 app.use(bodyParser.urlencoded({ extended: true })); // support encoded bodies.
 app.use(bodyParser.json({limit: '5mb'}));


songs = require('./routes/route');

app.listen(3000, function () {
      console.log('Example app listening on port 3000!');
                          });
app.post('/upload',upload.array(),songs.upload);

route.js

var mongoose = require('mongoose');
var uri = "mongodb://xxxxxx:xxxxxxx@ds061365.mongolab.com:61365/aweitest";
mongoose.connect(uri);
// we're connected!
var db = mongoose.connection.db;
var BSON = require('bson').BSONPure;
var binary = require('binary');
var body = require('body-parser');
var fs = require('fs');

db.on('error', console.error.bind(console, 'connection errrrrrrrror:'));

db.once('open', function() {
     console.log("mongodb is connected!!");
 });

exports.upload = function(req, res) {
    console.log(req.body);
       fs.readFile(req.files.image.path, function (err, data){
            var dirname = "/Node/file-upload/uploads/";
            var newPath = dirname + req.body.image.filename;
       fs.writeFile(newPath, data, function (err) {
            if(err){
                res.json({'response':"Error"});
            }else {
                res.json({'response':"Saved"});
          }
       });
    });
  };

錯誤

TypeError: Cannot read property 'image' of undefined
at exports.upload (c:\Users\awei\WebstormProjects\untitled\routes\girlshanlder.js:92:26)
at Layer.handle [as handle_request] (c:\Users\awei\node_modules\express\lib\router\layer.js:95:5)
at next (c:\Users\awei\node_modules\express\lib\router\route.js:131:13)
at multerMiddleware (c:\node_modules\multer\lib\make-middleware.js:18:41)
at Layer.handle [as handle_request] (c:\Users\awei\node_modules\express\lib\router\layer.js:95:5)
at next (c:\Users\awei\node_modules\express\lib\router\route.js:131:13)
at Route.dispatch (c:\Users\awei\node_modules\express\lib\router\route.js:112:3)
at Layer.handle [as handle_request] (c:\Users\awei\node_modules\express\lib\router\layer.js:95:5)
at c:\Users\awei\node_modules\express\lib\router\index.js:277:22
at Function.process_params (c:\Users\awei\node_modules\express\lib\router\index.js:330:12)
at next (c:\Users\awei\node_modules\express\lib\router\index.js:271:10)
at jsonParser (c:\Users\awei\node_modules\body-parser\lib\types\json.js:107:37)
at Layer.handle [as handle_request] (c:\Users\awei\node_modules\express\lib\router\layer.js:95:5)
at trim_prefix (c:\Users\awei\node_modules\express\lib\router\index.js:312:13)
at c:\Users\awei\node_modules\express\lib\router\index.js:280:7
at Function.process_params (c:\Users\awei\node_modules\express\lib\router\index.js:330:12)

app.js upload.array()應該是

upload.array('image',1) // 1 here is number of files you would upload

songs.upload中間件中,您將獲得req.files.image作為數組,

因此,您最好檢查一下數組的長度並對其進行迭代以保存每個文件,或者如果您只想保存1個文件,則可以執行以下操作。

例:

app.js

app.post('/upload',upload.array('image',1),songs.upload);

route.js

var mongoose = require('mongoose');
var uri = "mongodb://xxxxxx:xxxxxxx@ds061365.mongolab.com:61365/aweitest";
mongoose.connect(uri);
// we're connected!
var db = mongoose.connection.db;
var BSON = require('bson').BSONPure;
var binary = require('binary');
var body = require('body-parser');
var fs = require('fs');

db.on('error', console.error.bind(console, 'connection errrrrrrrror:'));

db.once('open', function() {
     console.log("mongodb is connected!!");
 });

exports.upload = function(req, res) {
    console.log(req.body);
       fs.readFile(req.files.image[0].path, function (err, data){
            var dirname = "/Node/file-upload/uploads/";
            var newPath = dirname + req.body.image.filename;
       fs.writeFile(newPath, data, function (err) {
            if(err){
                res.json({'response':"Error"});
            }else {
                res.json({'response':"Saved"});
          }
       });
    });
  };

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM