如何使用原始文件名保存文件并在服务器上上传文件

Question

我正在尝试使用 ng file upload 上传我的文件，但它们在 server.I 上以一些不同的文件名上传，希望它们以原来的文件名保存，并带有正确的扩展名 (. jpg,.pdf）。下面是我的代码。控制器：

$scope.uploadPic = function (file) {
         $scope.advert.userDetails={
        "name":userDetails.name,
        "email":userDetails.email,
        "role":userDetails.role
    }
        file.upload = Upload.upload({
            url: '/api/uploaders/uploads',
            method: 'POST',
            fields: {
                details: $scope.advert
            },
            file: file,
            fileFormDataName: 'photo'
        });

    file.upload.then(function (response) {
        console.log("Postcontroller: upload then ");
        $timeout(function () {
            file.result = response.data;
        });
    }, function (response) {
        if (response.status > 0)
            $scope.errorMsg = response.status + ': ' + response.data;
    });

    file.upload.progress(function (evt) {
        // Math.min is to fix IE which reports 200% sometimes
        file.progress = Math.min(100, parseInt(100.0 * evt.loaded / evt.total));
        console.log("PostController: upload progress " + file.progress);
    });
            file.upload.success(function (data, status, headers, config) {
        // file is uploaded successfully
        console.log('file ' + config.file.name + 'is uploaded successfully. Response: ' + data);
        console.log(data);
    });

}

Api:

var multer = require('multer');
var upload = multer({ dest: 'server/uploads/images'});

Answer 1

不是ng-upload改文件名，是multer。这是出于安全原因。
简而言之，您不希望别人知道他们上传的文件的确切路径——如果它是恶意的怎么办？他们可以可能执行它。

但是，如果您确实需要，可以在 API 端执行此操作：

var multer = require('multer');

var storage = multer.diskStorage(
    {
        destination: 'server/uploads/images',
        filename: function (req, file, cb) {
            cb(null, file.originalname);
        }
    }
);

var upload = multer(storage);

如何使用原始文件名保存文件并在服务器上上传文件

HOw to save file with original file name with ng file upload on the server

angularjs

node.js

multer

ng-file-upload