仅在本地工作的 Node Js 服务器图像

Question

我将此代码与带有 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（已有图像）

我需要做什么才能使此代码在在线网站上运行？

谢谢。

Answer 1

在远程服务器中，

sudo chomd -R 777 your_project_folder

试一试，我的猜测是未创建图像的权限问题或文件夹。

因此，检查错误日志后，如果未创建图像文件夹，

首先，您应该创建它，第二，输入这个脚本。它是对项目的所有目录给予完全权限的脚本

Answer 2

接受的答案虽然看似解决了 OP 的问题，但会造成严重的安全威胁，应在生产中避免。 chomd -R 777 打开文件夹（以及所有子文件夹，包括项目文件，不仅是图像）供所有人查看和修改。相反，应该像@akkonrad 建议的那样细粒度地调整文件夹权限。

仅在本地工作的 Node Js 服务器图像

Node Js Server Images working only on local

node.js

angular

mean-stack

image-uploading

imagesource