vue2- input通过file类型实现上传二进制文件

最新推荐文章于 2024-04-29 03:51:32 发布

单干户时代

最新推荐文章于 2024-04-29 03:51:32 发布

阅读量1.4k

点赞数

分类专栏： vue2 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_43526329/article/details/127352485

版权

vue2 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

注意： vue中 file类型的输入框是不支持添加v-model属性的所以我们只能用change 即value发生改变时触发的事件来完成这个操作

代码：

          <input
              type="file"
              id="file"
              class="filepath"
              @change="changepic($event)"
              accept="image/jpg,image/jpeg,image/png,image/PNG"
            >
          </div>

methods: {
    changepic(event) {
      const files = event.target.files
      const data = new FormData()
      data.append('photo', files[0])
      editUserPhoto(data).then(res => {
        console.log(res)
      })
    }
  }