反應dropzone和nodejs文件上傳

Question

我正在使用react-dropzone上傳文件。從react-dropzone，我得到一個blob url的預覽。

預覽： 「斑點：http://localhost:8080/96ff7bfc-2825-4316-8914-943a1b3b7f28」

我如何可以訪問相同的服務器端的NodeJS？我想要在服務器中有一個文件的副本，並將服務器路徑返回給客戶端。

Answer 1

代碼的NodeJS：指link

var express = require('express'); 
var multer = require('multer'); 
var upload = multer({ dest: 'uploads/' }); 
var sizeOf = require('image-size'); 
var exphbs = require('express-handlebars'); 
require('string.prototype.startswith'); 

var app = express(); 

app.use(express.static(__dirname + '/bower_components')); 

app.engine('.hbs', exphbs({ extname: '.hbs' })); 
app.set('view engine', '.hbs'); 

app.get('/', function(req, res, next){ 
    return res.render('index'); 
}); 

app.post('/upload', upload.single('file'), function(req, res, next) { 

    if (!req.file.mimetype.startsWith('image/')) { 
    return res.status(422).json({ 
     error : 'The uploaded file must be an image' 
    }); 
    } 

    var dimensions = sizeOf(req.file.path); 

    if ((dimensions.width < 640) || (dimensions.height < 480)) { 
    return res.status(422).json({ 
     error : 'The image must be at least 640 x 480px' 
    }); 
    } 

    return res.status(200).send(req.file); 
}); 

app.listen(8080, function() { 
    console.log('Express server listening on port 8080'); 
});