Laravel + vue.js 文件上传放

Question

我已经成功上传了带有 vue.js 1.0 的文件（post 请求）：

store () {
            this.storingMessage = true;
            var form = new FormData();
            form.append('subject', this.message.subject);
            form.append('message', this.message.message);
            form.append('topic_id', this.message.topic_id);

            for(var key in this.message.attachment) {
                form.append('attachment[' + key + ']', this.message.attachment[key]);
            }

            MessageService.store(this, form);
        }

但是当我尝试像这样更新文件时（发出请求）：

update () {
            this.updatingMessage = true;
            var form = new FormData();
            form.append('subject', this.message.subject);
            form.append('message', this.message.message);
            form.append('slug', this.message.slug);

            for(var key in this.message.attachment) {
                form.append('attachment[' + key + ']', this.message.attachment[key]);
            }

            MessageService.update(this, form);
        }

在我的控制器中，我 dd($request->all()) 结果是 []。

为什么它不能与 put 一起使用？？？？！？！？！？

服务：

store (context, form) {
        return Vue.http.post('/api/message', form)
            .then(({data}) => {
                context.success();
            }, (error) => {
                context.error(error.data);
            });
    },

    update (context, form) {
        return Vue.http.put('/api/message/' + form.get('slug'), form)
            .then(({data}) => {
                context.success();
            }, (error) => {
                context.error(error.data);
            });
    }

Answer 1

根据 Laracast Discussion 的说法，使用 put 方法和 formData 对象时似乎存在问题，避免这种情况的方法是方法欺骗。

试试这个，在你的更新方法中

let data = { _method : 'PATCH' , form : form}

return Vue.http.post('/api/message/' + form.get('slug'), data)
    .then(({data}) => {
        context.success();
    }, (error) => {
        context.error(error.data);
    });

在这种情况下，您控制器中的数据将以 form 的形式提供

$request->form

Laravel + vue.js 文件上传放

Laravel + vue.js file upload put

javascript

php

form-data

laravel

vue.js