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

Question

我的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"写错了？

我该如何解决这个问题？

Answer 1

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

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

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

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

How can I pass files with vue.js 2?

laravel

vue.js

vue-component

laravel-5.3

vuejs2