【发布时间】：2019-04-19 10:09:07
【问题描述】：
我正在将此代码与带有 Node js（和 Angular 6）的应用程序一起使用来读取图片：
Nodejs 服务器文件：
....
var express = require('express');
var path = require('path');
var app = express();
..
const bodyParser = require('body-parser');
const cookieParser = require('cookie-parser');
const fileUpload = require('express-fileupload');
const cors = require('cors');
// view engine setup
app.set('uploads', path.join(__dirname, 'uploads'));
app.set('view engine', 'jade');
app.use(cors());
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(fileUpload());
app.use('/uploads', express.static(__dirname + '/uploads'));
app.post('/upload', (req, res, next) => {
console.log(req);
let imageFile = req.files.file;
imageFile.mv(`${__dirname}/uploads/${req.body.filename}.jpg`, function(err) {
if (err) {
return res.status(500).send(err);
}
res.json({file: `uploads/${req.body.filename}.jpg`});
});
})
// catch 404 and forward to error handler
app.use(function(req, res, next) {
const err = new Error('Not Found');
err.status = 404;
next(err);
});
// error handler
app.use(function(err, req, res, next) {
// set locals, only providing error in development
res.locals.message = err.message;
res.locals.error = req.app.get('env') === 'development' ? err : {};
// render the error page
res.status(err.status || 500);
res.render('error');
});
app.listen(8888, () => {
console.log('8888');
});
此代码正在本地读取图片。 例子： http://localhost:8888/uploads/02.jpg
但是在服务器上部署此代码时 我无法读取文件。例子： http://www.mywebsite.com/uploads/image.jpg（已有图片）
我需要做什么才能使此代码在在线网站上运行？
谢谢。
【问题讨论】：
-
检查目录和文件的权限，可能nodejs进程不允许读取。另外，如果允许您从该目录读取，也许您需要检查您的服务器配置。
-
您确定图片网址正确吗？您是否检查了 url 以查看 __dirname 是否为您提供了服务器中的正确路径
-
是的，文件夹和图片的权限是读、写、执行。文件夹 uploads 与 server.js 文件在同一目录
-
是不是图片不是仅以角度加载，而是在浏览器中在新标签页中访问直接url时加载，尝试在浏览器的新标签页中访问该url并检查图像是否加载
-
还尝试在代码中进行以下更改：
app.use('/uploads',express.static('uploads'));
标签： node.js angular mean-stack image-uploading imagesource