前端文件处理上传下载
文件上传下载功能记录笔记
懒羊羊懒大王
这个作者很懒,什么都没留下…
展开
-
使用ajax进行文件下载
使用ajax下载文件* 定义响应类型为 blob* 拿到响应体后,将其转换为blob对象,通过URL.createObjectURL来创建一个url* 通过a标签的download属性来实现文件下载。const blob = new Blob([result], { type: 'application/octet-stream' });const a = document.createElement('a');a.href = URL.createObjectURL(blob);原创 2024-03-28 17:49:22 · 917 阅读 · 1 评论 -
使用element的upload组件自定义上传http-request
使用element的upload组件自定义上传方法,使用:http-request* 由于action为必选参数,将其设为空* :http-request覆盖上传方法* 使用:http-request后,:on-success等组件自带方法都会失效,需要在接口.then或.catch中写上传成功或失败的逻辑原创 2024-03-28 17:31:41 · 304 阅读 · 1 评论 -
使用ajax上传文件
使用ajax上传文件,入参需要附带的额外参数* 创建一个formData对象实例,将需要的参数append进去* processData: false, contentType: false,这两个属性是必加的,ajax会对数据及contentType做修改,阻止修改。var formData = new FormData();formData.append('file', file)原创 2024-03-28 17:16:20 · 321 阅读 · 1 评论