0

我正在尝试使用 bootstrap-vue 表单文件组件在我的表单中上传文件

模板

          <b-form-group id="userInputGroup8" label="User Picture:">
            <b-form-file id="userPictureInput" ref="fileinput" @input="userPictureSelected" v-model="userPictureFile" choose-label="Select" accept=".jpg, .png"></b-form-file>
            <br> Selected file : {{ userPictureFile.name }}
          </b-form-group>

一旦文件被选中，名称会显示在浏览器中，但不会出现在输入字段中，即使触发了 userPictureSelected 方法，我也不会在控制台中获取它的值

脚本

data () {
  return {
    ...
    userPictureFile: '',
  }
},
 methods: _.extend({}, mapActions(['createUser']), {
   userPictureSelected: () => {
     console.log('Selected: ', this.userPictureFile.name)
   }
}

我得到错误

 [Vue warn]: Error in event handler for "input": "TypeError: _this2.userPictureFile is undefined"

有什么问题？我在哪里可以获得将此类文件上传到我的服务器后端静态文件目录的最新示例？

感谢更新

4

1 回答 1

0

似乎是 bootstrap-vue 尚未解决的问题

选择文件后的自定义输入文件没有任何变化。

于 2017-12-25T11:07:36.103 回答