美文网首页
form表单上传、下载

form表单上传、下载

作者: A郑家庆 | 来源:发表于2019-08-01 17:12 被阅读0次

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

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/

相关文章

网友评论

      本文标题:form表单上传、下载

      本文链接:https://www.haomeiwen.com/subject/qmdcdctx.html