vue+axio通過獲取dom元素上傳檔案

ignorantshr發表於2019-04-25

參考了部落格vue+axios上傳檔案中的單獨上傳檔案
但是不想選擇檔案之後就直接上傳,就改寫了檔案的獲取方式,通過document先獲取檔案,點選之後再上傳:

<input type="file" id="blog" placeholder="選擇檔案"/>
<button @click="uploadBlog">上傳部落格</button>
methods: {
	uploadBlog: function () {
      let file = document.getElementById('blog').files[0]
      let param = new FormData()
      param.append('any', file)
      console.log(param.get('any'))
      this.$axios.post('/api/blog/blog/UploadFile3', param, {
        headers: {
          'Content-Type': 'multipart/form-data'
        }
      })
    }
}

相關文章