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

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

news 2026/2/10 10:26:26

 

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

// 下载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);
},

相关文章：

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

用于如上图场景，已经点击选择了将要上传的文件，在附件列表里面用户希望点击下载文件，以核实自己是否选中了需要上传的文件，此刻就需要 用到下面的方法： // 下载File对象文件 downloadByFileObject(file, { fileName }…...

编程日记 2024/12/3 4:43:47

服务器记录所有用户docker操作，监控删除容器/镜像的人

文章目录 使用场景安装auditd添加docker审计规则设置监控日志大小与定期清除查询 Docker 操作日志查看所有用户，所有操作日志查看特定用户的 Docker 操作查看所有用户删除容器/镜像日志过滤特定时间范围内日志 使用场景 多人使用的服务器，使用的docker …...

编程日记 2024/12/3 4:32:30

关于使用天地图、leaflet、ENVI、Vue工具实现 前端地图上覆盖上处理的农业地块图层任务

1.项目框架搭建 项目地址：Webgis: 一个关于webgis、天地图、Leaflet、Vue、数据库的学习框架。 ①git到本地，vscode打开。 ② 配置后端 搜索下载MySQL插件（前提：电脑中装有MySQL才可应用）。 连接数据库。 配置基本…...

编程日记 2024/12/3 4:30:28

基于yolov4深度学习网络的排队人数统计系统matlab仿真,带GUI界面

目录 1.算法仿真效果 2.算法涉及理论知识概要 3.MATLAB核心程序 4.完整算法代码文件获得 1.算法仿真效果 matlab2022a仿真结果如下（完整代码运行后无水印）： 仿真操作步骤可参考程序配套的操作视频。 2.算法涉及理论知识概要 在现代社会…...

编程日记 2024/12/3 4:22:23

用 React 编写一个笔记应用程序

这篇文章会教大家用 React 编写一个笔记应用程序。用户可以创建、编辑、和切换 Markdown 笔记。 1. nanoid nanoid 是一个轻量级和安全的唯一字符串ID生成器，常用于JavaScript环境中生成随机、唯一的字符串ID，如数据库主键、会话ID、文件名等场景。 …...

编程日记 2024/12/3 4:21:22

如何离线安装dockerio

如何离线安装dockerio 一、下载Docker离线安装包二、上传离线安装包三、解压安装包四、复制文件到系统目录五、配置Docker服务六、设置文件权限并重新加载配置七、启动Docker服务八、设置开机自启动九、验证安装Docker是一个开源的容器化平台，用于开发、发布和运行应用程序。离…...

编程日记 2024/12/3 4:20:21

LocalDateTime序列化（跟redis有关）

使用过 没成功，序列化后是[2024 11 10 17 22 20]差不多是这样， 反序列化后就是： [ 2024 11 10.... ] 可能是我漏了什么 这是序列化后的： 反序列化后： 方法（加序列化和反序列化注解）&…...

编程日记 2024/12/3 4:18:19

【redis】如何跑

在 Windows 上配置 Redis 需要一些额外的步骤，因为 Redis 官方并没有为 Windows 提供原生支持。不过，可以通过以下方法来安装和配置 Redis。 方法一：使用 Windows 版 Redis（非官方版本） 下载 Redis for Windows Redis…...

编程日记 2024/12/3 4:07:08

Scala学习记录，全文单词统计

package test32 import java.io.PrintWriter import scala.io.Source //知识点 // 字符串.split("分隔符"：把字符串用指定的分隔符，拆分成多个部分，保存在数组中) object test {def main(args: Array[String]): Unit {//从文件1.t…...

编程日记 2024/12/3 4:04:06

【MyBatis】验证多级缓存及 Cache Aside 模式的应用

文章目录 前言1. 多级缓存的概念1.1 CPU 多级缓存1.2 MyBatis 多级缓存 2. MyBatis 本地缓存3. MyBatis 全局缓存3.1 MyBatis 全局缓存过期算法3.2 CacheAside 模式 后记MyBatis 提供了缓存切口， 采用 Redis 会引入什么问题？万一遇到需强一致场景&#x…...

编程日记 2024/12/3 4:01:02

学习ASP.NET Core的身份认证（基于Session的身份认证3）

开源博客项目Blog中提供了另一种访问控制方式，其基于自定义类及函数的特性类控制访问权限。本文学习并测试开源博客项目Blog的访问控制方式，测试程序中直接复用开源博客项目Blog中的相关类及接口定义，并在其上调整判断逻辑。   首先是接口A…...

编程日记 2024/12/3 3:57:59

速盾：高防 CDN 可以配置客户端请求超时配置？

在高防 CDN（Content Delivery Network，内容分发网络）的运行管理中，客户端请求超时配置是一项重要的功能设定，它对于优化网络资源分配、保障服务质量以及维护系统稳定性有着关键意义。 一、客户端请求超时配置的概念 …...

编程日记 2024/12/3 3:56:58

DRM(数字权限管理技术)防截屏录屏----ffmpeg安装

提示：ffmpeg安装 文章目录 [TOC](文章目录) 前言一、下载二、配置环境变量三、运行ffmpeg四、文档总结 前言 FFmpeg是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序。采用LGPL或GPL许可证。它提供了录制、转换以及流化音视频的…...

编程日记 2024/12/3 3:54:56

使用PyQt5开发一个GUI程序的实例演示

一、安装Python 下载安装到这个目录 G:\Python38-32 安装完成有这些工具，后面备用： G:\Python38-32\Scripts\pyrcc5.exe G:\Python38-32\Scripts\pyuic5.exe 二、PyQt环境配置 pip install PyQt5 pip install pyqt5-tools 建议使用国内源&#xff0c…...

编程日记 2024/12/3 3:52:55

【VUE3】【Naive UI】＜NCard＞ 标签

【Vue3】【Naive UI】 标签 title 属性bordered 属性header-style 和 body-style 属性footer 属性actions 属性hoverable 属性loading 属性size 属性type 属性cover 和 avatar 属性description 属性style 属性 【VUE3】【Naive UI】＜NCard＞ 标签 【VUE3】…...

编程日记 2024/12/3 3:47:47

选择排序之大根堆

大根堆：树的根节点大于左右子树的结点值，这样就能保证每次从树根取的是最大值 灵魂在于HeadAdjust函数，以某节点为树根通过下落调整为大根堆， 建树思想 就是，从最后一个非终端结点开始调整以该结点为根的子树&#x…...

编程日记 2024/12/3 3:45:44

AI的魔力：如何为开源软件注入智慧，开启无限可能

“AI的魔力：如何为开源软件注入智慧，开启无限可能” 引言： 在科技发展的浪潮中，开源软件生态一直扮演着推动创新与共享的重要角色。从Linux到Python，开源项目赋予了开发者全球协作的机会，推动了技术的飞速…...

编程日记 2024/12/3 3:43:42

如何在 VPS 上使用 Git 设置自动部署

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站。 介绍 要了解 Git 的基本知识以及如何安装，请参考介绍教程。 本文将教你如何在部署应用程序时使用 Git。虽然有许多使用 Gi…...

编程日记 2024/12/3 3:39:38

Linux下的三种 IO 复用

目录 一、Select 1、函数 API 2、使用限制 3、使用 Demo 二、Poll 三、epoll 0、 实现原理 1、函数 API 2、简单代码模板 3、LT/ET 使用过程 （1）LT 水平触发 （2）ET边沿触发 4、使用 Demo 四、参考链接 一、Select 在…...

编程日记 2024/12/3 3:33:32

通过 SSH 进行WordPress网站的高级服务器管理

我在管理hostease的服务器时，时常需要通过SSH登录服务器进行修改。而在网站管理中，SSH不仅是一个基础工具，更是高级用户用来精细化管理和优化服务器的重要工具。通过SSH，你可以深入监控服务器的性能、精细管理系统资源&#xff0c…...

编程日记 2024/12/3 3:29:28

超短脉冲激光自聚焦效应

前言与目录 强激光引起自聚焦效应机理 超短脉冲激光在脆性材料内部加工时引起的自聚焦效应，这是一种非线性光学现象，主要涉及光学克尔效应和材料的非线性光学特性。 自聚焦效应可以产生局部的强光场，对材料产生非线性响应，可能…...

编程新知 2026/2/8 20:42:48

STM32+rt-thread判断是否联网

一、根据NETDEV_FLAG_INTERNET_UP位判断 static bool is_conncected(void) {struct netdev *dev RT_NULL;dev netdev_get_first_by_flags(NETDEV_FLAG_INTERNET_UP);if (dev RT_NULL){printf("wait netdev internet up...");return false;}else{printf("loc…...

编程新知 2025/9/23 20:06:08

Python如何给视频添加音频和字幕

在Python中，给视频添加音频和字幕可以使用电影文件处理库MoviePy和字幕处理库Subtitles。下面将详细介绍如何使用这些库来实现视频的音频和字幕添加，包括必要的代码示例和详细解释。 环境准备 在开始之前，需要安装以下Python库：…...

编程新知 2025/9/3 4:12:17

Android第十三次面试总结（四大 组件基础）

Activity生命周期和四大启动模式详解 一、Activity 生命周期 Activity 的生命周期由一系列回调方法组成，用于管理其创建、可见性、焦点和销毁过程。以下是核心方法及其调用时机： ​onCreate()​​ ​调用时机​：Activity 首次创建时调用。​…...

编程新知 2025/10/15 15:07:34

mac：大模型系列测试

0 MAC 前几天经过学生优惠以及国补17K入手了mac studio,然后这两天亲自测试其模型行运用能力如何，是否支持微调、推理速度等能力。下面进入正文。 1 mac 与 unsloth 按照下面的进行安装以及测试，是可以跑通文章里面的代码。训练速度也是很快的。 注意…...

编程新知 2026/2/4 0:46:21

水泥厂自动化升级利器：Devicenet转Modbus rtu协议转换网关

在水泥厂的生产流程中，工业自动化网关起着至关重要的作用，尤其是JH-DVN-RTU疆鸿智能Devicenet转Modbus rtu协议转换网关，为水泥厂实现高效生产与精准控制提供了有力支持。 水泥厂设备众多，其中不少设备采用Devicenet协议。Devicen…...

编程新知 2026/2/7 14:33:24

【Linux】Linux安装并配置RabbitMQ

目录 1. 安装 Erlang 2. 安装 RabbitMQ 2.1.添加 RabbitMQ 仓库 2.2.安装 RabbitMQ 3.配置 3.1.启动和管理服务 4. 访问管理界面 5.安装问题 6.修改密码 7.修改端口 7.1.找到文件 7.2.修改文件 1. 安装 Erlang 由于 RabbitMQ 是用 Erlang 编写的，需要先安…...

编程新知 2026/1/29 2:22:39

DAY 26 函数专题1

函数定义与参数知识点回顾：1. 函数的定义2. 变量作用域：局部变量和全局变量3. 函数的参数类型：位置参数、默认参数、不定参数4. 传递参数的手段：关键词参数5 题目1：计算圆的面积 任务： 编写一…...

编程新知 2025/11/28 7:53:17

对象回调初步研究

_OBJECT_TYPE结构分析 在介绍什么是对象回调前，首先要熟悉下结构 以我们上篇线程回调介绍过的导出的PsProcessType 结构为例，用_OBJECT_TYPE这个结构来解析它，0x80处就是今天要介绍的回调链表，但是先不着急，先把目光…...

编程新知 2026/1/26 18:44:47

Java后端检查空条件查询

通过抛出运行异常&#xff1a;throw new RuntimeException("请输入查询条件&#xff01;");BranchWarehouseServiceImpl.java // 查询试剂交易&#xff08;入库/出库&#xff09;记录Overridepublic List<BranchWarehouseTransactions> queryForReagent(Branch…...

编程新知 2026/2/10 2:09:10