当前位置: 首页 > news >正文

前端用原生js下载File对象文件,多用于上传附件时,提交之前进行点击预览,或打开本地已经选择待上传的附件列表

 

用于如上图场景,已经点击选择了将要上传的文件,在附件列表里面用户希望点击下载文件,以核实自己是否选中了需要上传的文件,此刻就需要 用到下面的方法:

// 下载File对象文件
downloadByFileObject(file, { fileName } = {}) {fileName || (fileName = file.name);//文件名包含后缀名file = new File([file], fileName); //创建一个file文件const elink = document.createElement('a');elink.download = fileName, elink.style.display = 'none', elink.href = URL.createObjectURL(file);document.body.appendChild(elink), elink.click();URL.revokeObjectURL(elink.href), document.body.removeChild(elink);
},

http://www.lryc.cn/news/495806.html

相关文章:

  • 服务器记录所有用户docker操作,监控删除容器/镜像的人
  • 关于使用天地图、leaflet、ENVI、Vue工具实现 前端地图上覆盖上处理的农业地块图层任务
  • 基于yolov4深度学习网络的排队人数统计系统matlab仿真,带GUI界面
  • 用 React 编写一个笔记应用程序
  • 如何离线安装dockerio
  • LocalDateTime序列化(跟redis有关)
  • 【redis】如何跑
  • Scala学习记录,全文单词统计
  • 【MyBatis】验证多级缓存及 Cache Aside 模式的应用
  • 学习ASP.NET Core的身份认证(基于Session的身份认证3)
  • 速盾:高防 CDN 可以配置客户端请求超时配置?
  • DRM(数字权限管理技术)防截屏录屏----ffmpeg安装
  • 使用PyQt5开发一个GUI程序的实例演示
  • 【VUE3】【Naive UI】<NCard> 标签
  • 选择排序之大根堆
  • AI的魔力:如何为开源软件注入智慧,开启无限可能
  • 如何在 VPS 上使用 Git 设置自动部署
  • Linux下的三种 IO 复用
  • 通过 SSH 进行WordPress网站的高级服务器管理
  • 速盾高防cdn支持移动端独立缓存
  • PMP–一、二、三模、冲刺–分类–8.质量管理
  • 如何快速使用Unity 的UPR---1资源检测保姆级
  • pytorch中的.clone() 和 .detach()
  • 三十二:网络爬虫的工作原理与应对方式
  • nodejs相关知识介绍
  • MySQL排它锁
  • HarmonyOS4+NEXT星河版入门与项目实战(22)------动画(属性动画与显示动画)
  • Vue3 Ts 如何获取组件的类型
  • RAG数据拆分之PDF
  • 【算法day1】数组:双指针算法