如何使用 vue.js 2 传递文件？答案

【问题标题】：How can I pass files with vue.js 2?如何使用 vue.js 2 传递文件？
【发布时间】：2017-10-26 21:41:23
【问题描述】：

我的 vue 组件是这样的：

<template>
    <div class="modal" tabindex="-1" role="dialog">
        <form method="post" :action="baseUrl+'/product/edit'" files="true">
            ...
            <input type="file" name="image">
            ...
            <button type="submit" class="btn btn-success">Save</button>
            </div>
        </form>
    </div>
</template>

<script>
    export default{
        ...
    }
</script>

像这样在我的控制器中调试：

public function edit(Request $request)
{
    dd($_FILES);
}

它显示空数组。它是否应该显示上传文件的数组

是不是files = "true"的写法不对？

我该如何解决这个问题？

【问题讨论】：

标签： laravel vue.js laravel-5.3 vuejs2 vue-component

【解决方案1】：

是的，files = "true" 不正确。

发送编码为“multipart/form-data”的表单数据。它应该是这样的：

<form method="post" :action="baseUrl+'/product/edit'" enctype="multipart/form-data">

【讨论】：

'Files' => true 在 laravel 中使用。它似乎在 vue.js 模板中不起作用。我结合了 Laravel 和 vue.js