如果有人遇到同样的问题,这里是我的完整源代码和解释。
我的项目背景
一个离子应用程序,它使用 cordova-file-transfer 插件将文件从照片库上传到 Node.js Express 服务器。
我在 app.js 中的服务器代码:
var express = require('express')
var multer = require('multer')
var bodyParser = require('body-parser')
var path = require('path')
var app = express()
// settings
app.set('views', path.join(__dirname,'views'))
app.set('view engine','jade')
// middleware
app.use(bodyParser.json())
// route
app.get('/', (req,res) => {
res.render('index')
})
app.post('/', multer({dest:'./uploads/'}).single('upl'),(req,res) => {
console.log(req.body)
console.log(req.file)
res.status(204).end()
})
// start
var server = app.listen(3000, () => {
console.log('Started at port ' + server.address().port)
})
我的客户代码upload():
upload() {
var options = new FileUploadOptions()
options.fileKey = "upl"; // this equal to <input type="file" id="upl">
options.fileName = 'test.jpg';
options.mimeType = "image/jpg";
options.chunkedMode = false;
options.params = {'directory' : 'uploads', 'fileName': 'test.jpg'};
var ft = new FileTransfer()
ft.upload(this.thumbnail, encodeURI('http://localhost:3000/'),
(res) => {
console.log("Code = " + res.responseCode)
console.log("Response = " + res.response)
console.log("Sent = " + res.bytesSent)
},(error) => {
alert("An error has occurred: Code = " + error.code);
console.log("upload error source " + error.source);
console.log("upload error target " + error.target);
},options)
}
this.thumbnail 是我的文件路径,例如在我的 ios 中,路径类似于:
文件:///Users/myusername/Library/Developer/CoreSimulator/Devices/81B513B7-AE34-4911-A9C9-57E293957BEC/data/Containers/Data/Application/C9A0BE15-EA4A-4DD8-9E75-BC960ECF50B7/tmp/cdv_photo_016.jpg