Question

刚开始在laravel中使用vuetify.js和vue.js，我正在尝试创建一种表单，用户可以提交任何类型的音频文件（.mp3等），但是由于vue和vuetify都不会还没有文件输入，并且几乎每个论坛的帖子都只为图像输入文件，我还不能弄清楚这一点，我正在用jquery ajax提交表单。我的HTMl：

<template>
    <div class="uploader">
        <div class="upload-control">
            <label for="file">Select a file</label>
        </div>
        <div>
            <i class="fa fa-cloud-upload"></i>
            <div class="file-input">
                <input type="file" id="file" @change="onInputChange" multiple>
            </div>
        </div>
    </div>
</template>

脚本：

onInputChange(e) {
    this.form.music.push(e.target.files);
},

最后提交：

submit: function(){
    $.ajax({
        dataType: 'json',
        headers:{'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
        type:"POST",
        url:"{!! route('submit')!!}",
        data:{form:this.form},
        processData:true,
        cache: false,
        contentType: false,
    }).done(response=>{
        this.notify("Submitted successfully!","success");
    })
},

每次我尝试提交控制台返回：

TypeError：非法调用。

任何帮助将不胜感激！

（顺便说一句，我已经尝试过使用npm模块，但我只是不能使它在Laravel中工作，就像我说的那样，在javascript中是一个菜鸟。）

在vuetify laravel中上传音频文件

0 个答案: