使用Vue.js和Laravel上传文件的问题

时间:2019-12-08 19:53:44

标签: php laravel file vue.js file-upload

Vue模板(文件上传):此输入字段是从另一个模块生成的,其中from是通过拖放输入字段生成的。

<input type="file" @change="uploadFile(data,$event)" class="custom-file-input" id="validatedCustomFile">

脚本Vuejs:

data () {
    return {
        //baseform
        baseForm: new Form({
            form:this.data ? JSON.parse(this.data.dataForm) : '',
        }),
    }
},


methods: {

    uploadFile(data,e){
        let file = e.target.files[0];
        data.value = file;
    },

    // form data submit
    formSubmit() {
      const config = {
        headers: {'Content-Type': 'multipart/form-data'}
      }

      let formData = new FormData();
      formData.append('form',JSON.stringify(this.baseForm.form));
      axios.post('/api/order-data',formData, config)
        .then((order)=>{
            //
        }).catch(()=>{
            //
        })
    }
}

enter image description here

控制器:这是控制器代码

    $formData = json_decode($request->form, true);
    foreach ($formData as $key) {
        if($key['field'] == 'fileUpload') {
            dd($key['value']);
        }
    }

我在转储$ key ['value']后得到空值

0 个答案:

没有答案