如何使用Laravel和Vue js上传多个文件

时间:2020-02-06 10:07:37

标签: laravel vue.js nuxt.js

我是Vue和Laravel的新手,正在尝试上传多个文件,但没有将这些文件保存到数据库中。我已经知道在v模型或类型不适用于文件输入。我正在尽力而为,但我不知道如何使其发挥作用。 这是我的Vue组件

<v-row>
        <v-col cols="12" class="d-flex flex-column">
          <label for="" class="font-weight-bold pt-1">Attach Document</label>
                <input type="file" @change="uploadFile($event)" class="quotationCsv">
        </v-col>
</v-row>
<script>


    export default {
        methods: {
            uploadFile(event) {
                const url = 'http://127.0.0.1:3000/product/add_adjustment';
                let data = new FormData();
                data.append('file', event.target.files[0]);
                let config = {
                    header: {
                        'content-Type' : 'image/*, application/pdf'
                    }
                }
                this.$axios.$post(url,data,config)
                .then(res => {
                    console.log(res);
                })
            }
        }
    }
</script>

然后,这是我的Laravel

public function store(Request $request)
{
    $data = $request->validate([
        'file' => 'nullable',
    ]);

    $quotation = new Quotation();

    $quotation->file = $request ->file;

    return response()->json(['created' => true]);
}

0 个答案:

没有答案