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

前端用原生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.kler.cn/a/417567.html

相关文章:

  • WebSocket 实时通信详解:原理、应用与实践
  • 在线教程丨YOLO系列10年更新11个版本,最新模型在目标检测多项任务中达SOTA
  • MySQL的 MVCC详解
  • 算法:线性同余法(LCG,Linear Congruential Generator)
  • 【免费】2007-2019年各省科技支出占一般公共预算支出的比重数据
  • 使用Python和TensorFlow/Keras构建一个简单的CNN模型来识别手写数字
  • DDR3保姆级使用教程:ZYNQ 7010
  • 【嵌入式——QT】QT制作安装包
  • 什么是换电系统?驱动新能源汽车发展的“能源驿站”
  • 构造函数与析构函数错题汇总
  • pip 安装指定镜像源
  • ssm_mysql_考研指导平台
  • Linux进程间通信(上)
  • android-studio 下载并安装
  • 如何正确书写sh文件/sh任务?bash任务
  • 数据结构-最小生成树
  • vue3+ant design vue实现日期选择器默认显示当前年,并限制用户只能选择当前年及之前~
  • Astra+ 深度相机系统架构解析:组件功能、数据流和应用领域
  • YOLO系列论文综述(从YOLOv1到YOLOv11)【第5篇:YOLOv3——多尺度预测】
  • JMeter中获取随机数、唯一ID、时间日期(包括当前日期增减)截取指定位数的字符等
  • 853 有边数限制的最短路(bellman-ford贝尔曼福特算法)
  • MySQL常见面试题(一)
  • A*(A-star)算法
  • qt QGraphicsEllipseItem详解
  • 电气火灾式故障电弧探测器在某医院照明回路中的应用
  • 第七课 Unity编辑器创建的资源优化_UI篇(UGUI)