form表单上传、下载

下载文件是一个非常常见的需求，但由于浏览器的安全策略的限制，我们只能通过跨域的方式去下载文件

form表单上传

<input type="file" @change="uploadFile">

当上传文件的时候就会调用uploadFile，这时候用e.target.files[0]就可以获取这个上传文件的对象信息，e是你选中的dom元素信息，拿到这个文件信息之后就可以调用上传文件的接口，将信息以参数的形式传给后台。

uploadFile (e) {
    let data = e.target.files[0]
    let file = new FormData()
    file.append(file, data)
    ....
}

form表单下载

<form action="#" method="post" target="_blank" >
   <input type="text" name="id" value="1111">
  <input type="text" name="type" value="1">
  <input type="submit" ref="submit">
</form>
// js
this.$refs.submit.click()

参考文章：https://scarletsky.github.io/2016/07/03/download-file-using-javascript/