当Avatar是image / png时,在Sails.js中使用头像创建用户会失败

时间:2016-04-25 11:37:10

标签: forms api upload sails.js

我生成了&使用User命令实现了一个名为sails generate 的新api。当我尝试上传svg或jpg图像时,它运行正常,文件上传,用户在数据库中创建。但是,当我尝试使用png文件时,保存到数据库失败!虽然png文件将按预期上传,但不会保存用户。调试时,除了“company”字段外,Object Param为空。

生成api

$ sails generate api user   

用户控制器(api / controller / UserController.js)

'create': function (req, res, next) {
        var params = req.params.all();
        var format = req.param('format');
        delete params['format'];

        req.file('avatar').upload({
            maxBytes: 10000000,
            dirname: sails.config.appPath + '/assets/images/avatar/'
        }, function (err, uploadedFiles) {
            if (err) return res.negotiate(err);
            console.log(uploadedFiles.length + ' file(s) uploaded successfully!');
            console.log(uploadedFiles);
            params["avatar"] = uploadedFiles[0].fd;

            User.create(params, function userCreated(err, user) {
                if (err) {
                    req.session.flash = {
                        err: err
                    }
                    return res.redirect("/user/new");
                }

                if (format == 'json') {
                    res.json(user);
                } else {
                    res.redirect('user/show/' + user.id);
                }

            });

        });
    },

我的观点/ user / new.ejs:

<form id="register-form" action="/user/create" method="post" enctype="multipart/form-data">

    <input id="icon_prefix" type="text" name="company" class="validate">
    <input name="avatar" type="file">
    <input class="file-path validate" type="text">
    <input id="icon_prefix" type="text" name="first_name" class="validate">
    <input id="icon_prefix" type="text" name="last_name" class="validate">
    <input id="icon_telephone" type="tel" name="phone"
    <input id="icon_mail" type="email" name="email" class="validate" required="" aria-required="true">
    <input name="type" value="Auftraggeber" type="radio" id="auftraggeber" checked/>
    <input name="type" value="Auftragnehmer" type="radio" id="auftragnehmer" disabled/>
    <input id="password" type="password" name="password" pattern=".{6,}" title="6 characters minimum"
    <input id="confirmation" type="password" class="validate">
    <input type="hidden" value="<%= _csrf %>">
    <input type="checkbox" id="accept"/>
    <input type="checkbox" id="not_robot"/>
    <button class="btn-large waves-effect waves-light" type="submit">Submit
    </button>
</form>

用户模型(api / models / User.js)

module.exports = {

    schema: true,
    attributes: {
        avatar: {
            type: "String"
        },
        first_name: {
            type: "String",
            required: true
        },
        last_name: {
            type: "String",
            required: true
        },
        type: {
            type: "String",
            enum: ['Auftraggeber', 'Auftragnehmer']
        },
        phone: {
            type: "String",
            unique: true
        },
        email: {
            type: "String",
            email: true,
            unique: true,
            required: true
        },
        password: {
            type: "String",
            required: true
        },
        company: {
            type: "String",
            required: true
        },
        toJSON: function () {
            var obj = this.toObject();
            delete obj.password;
            return obj;
        }

    }

};

2 个答案:

答案 0 :(得分:1)

您可以使用船长包来处理不同类型的图像

在终端

中运行此命令
npm install skipper --save
位于控制器顶部的

app.use(require('skipper')());

现在可以使用这个包

req.file('image').upload({
  // ...any other options here...
}, ...);

答案 1 :(得分:-2)

我搜索了两周,发现了这个: https://github.com/balderdashy/sails/issues/2326

您不必安装船长并要求(&#39;船长&#39;)=&gt;帆船自动出现!也不要将它作为政策使用,它不会起作用(对我来说没有用)。

您需要注意的是带有文本输入和文件输入的 multipart / form-data 表单,您要上传图像/文件并保存数据(数据库中的文件名一次是:你的html表单输入字段的顺序很重要!将文本输入字段放在顶部,将文件输入字段放在html表单的底部。