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

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

news 文章来源：https://blog.csdn.net/qq_37860634/article/details/144131472 2025/2/5 15:47:51

 

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

// 下载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

速盾高防cdn支持移动端独立缓存

随着移动互联网的快速发展，移动端网页访问量也越来越大。然而，移动端的网络环境相对不稳定，用户体验可能会受到影响。因此，使用高防CDN来加速移动端网页访问，成为越来越多网站运营者的首选。 速盾高防CDN是一种分布式…...

编程日记 2024/12/3 3:27:24

PMP–一、二、三模、冲刺–分类–8.质量管理

文章目录 技巧五、质量管理 一模8.质量管理--质量管理计划--质量管理计划包括项目采用的质量标准，到底有没有满足质量需求，看质量标准即可。6、 [单选] 自项目开始以来，作为项目经理同事的职能经理一直公开反对该项目，在讨论项目里…...

编程日记 2024/12/3 3:21:19

如何快速使用Unity 的UPR---1资源检测保姆级

关于我们的性能检测工具已经有很多了，比如UWA的或者是我们的Unity 的UPR 都是很好的，今天说一下UPR吧 官方网址 ：UPR - Unity专业性能优化工具 这个是官方给的Demo 选择你的平台就可以 这个可以作为一个参考但是不是很建议用官方的因为我们…...

编程日记 2024/12/3 3:18:17

pytorch中的.clone() 和 .detach()

在PyTorch中，.clone() 和 .detach() 是两个用于处理张量（Tensor）的方法，它们各自有不同的用途： .clone()： .clone() 方法用于创建一个张量的副本（深拷贝）。这意味着原始张量和新张量…...

编程日记 2024/12/3 3:16:15

三十二：网络爬虫的工作原理与应对方式

随着互联网的快速发展，网络爬虫（Web Crawlers）作为一种自动化工具，被广泛应用于搜索引擎、数据采集、网站监控等领域。网络爬虫的作用是通过自动化程序，模拟人类浏览网页的行为，自动下载和解析网页内容&…...

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

nodejs相关知识介绍

1、nodejs官方文档： https://nodejs.org/zh-cn nodejs可以用nvm进入安装； 2、npm说明： npm官方教程：https://npm.p2hp.com/ npm是 Node.js 的标准包管理器，也就是说nodejs安装好，npm也就安装好了&#…...

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

MySQL排它锁

MySQL排它锁原理 MySQL中的排它锁（Exclusive Lock），也称为独占锁，是一种确保在事务期间，其他事务无法对锁定数据进行读取或修改的锁机制。当一个事务对某一行数据加上排它锁后，其他事务无法对该行数据进行…...

编程日记 2024/12/3 3:11:09

HarmonyOS4+NEXT星河版入门与项目实战（22）------动画（属性动画与显示动画）

文章目录 1、属性动画图解2、案例实现-小鱼移动游戏1、代码实现2、代码解释3、资源图片4、实现效果3、显示动画4、案例修改-显示动画5、总结1、属性动画图解 这里我们用一张完整的图来汇整属性动画的用法格式和使用的主要属性范围，如下所示： 2、案例实现-小鱼移动游戏 1、代…...

编程日记 2024/12/3 3:10:07

Vue3 Ts 如何获取组件的类型

vue3 Ts ref 子组件 1、默认写法 typeof&#xff1a;获取ts类型 InstanceType&#xff1a;获取模版的实例 <tempolate><myComponent ref"myCompRef"> </tempolate><script setup lang"ts"> import { ref } from "vue&quo…...

编程日记 2024/12/3 3:09:07

RAG数据拆分之PDF

引言RAG数据简介PDF解析方法及工具代码实现总结 二、正文内容 引言 本文将介绍如何将RAG数据拆分至PDF格式&#xff0c;并探讨PDF解析的方法和工具&#xff0c;最后提供代码示例。 RAG数据简介 RAG&#xff08;关系型属性图&#xff09;是一种用于表示实体及其关系的图数据…...

编程日记 2024/12/3 3:03:02

网站制作公司成都/南昌seo招聘信息

在中国古典兵学理论中&#xff0c;有所谓“三才论”。此三才系指“帅才”、“相才”与“将才”。孙子兵法、诸葛兵法之中&#xff0c;对三才之使用皆有妙论。现在&#xff0c;让我们以现代科学观点来对“三才”做出科学分析。愚以为所谓“三才”&#xff0c;从功能角度来审视无…...

编程日记 2025/2/5 15:26:22

公司做网站怎么样/资源优化排名网站

智慧 毅力 无所不能 正确性、健壮性、可靠性、效率、易用性、可读性、可复用性、兼容性、可移植性... Lua和C交互详细总结 转自&#xff1a;http://cn.cocos2d-x.org/tutorial/show?id1474 一、Lua堆栈 要理解Lua和C交互&#xff0c;首先要理解Lua堆栈。 简单来说&#xff0…...

编程日记 2025/2/5 13:58:46

专题页是什么/泰州seo外包公司

本系列笔记主要是回顾了一下PHP中和日期操作相关的函数在PHP中设置时区有三种方法&#xff1a;1、直接在php的配置文件中修改以mac系统为例&#xff0c;我使用的是mamp pro 集成环境&#xff0c;所以我就说明了一下如何修改这种环境下的配置文件。a) 打开终端&#xff0c;输入 …...

编程日记 2025/2/5 13:42:33

南京网站优化多少钱/推介网

整型用于表示没有小数部分的数值&#xff0c;它允许是负数。整型的范围与运行Java代码的机器无关&#xff0c;这正是Java程序具有很强移植能力的原因之一。与此相反&#xff0c;C和C程序需要针对不同的处理器选择最有效的整型。 表2-4整型数据类型 类型 占用存储空间 表数范…...

编程日记 2025/2/5 13:19:07

跳网站查询的二维码怎么做/网络营销策划总结

题意&#xff1a; 每次可以选择一个区间&#xff08;连续相同的序列&#xff09;消除&#xff0c;得分为 len*len&#xff1b;问最大得分。 分析&#xff1a; 很容易想到是区间DP&#xff0c;但是不像普通的区间DP一样切割方式~~~ 如果定义 d[ i ][ j ] 区间&#xff0c;那么在…...

编程日记 2025/2/5 8:17:18

wordpress换域名后图片无法显示/最近实时热点事件

一.表单的定义 发送请求&#xff0c;并且携带数据给服务器。 表单和超链接有共同的特征&#xff0c;就是都可以向服务器发送请求&#xff0c; 只不过超链接是用户直接点击发送请求&#xff0c;不能填写数据。 而用户点击表单提交的时候&#xff0c;不但可以发送请求&#xff0c…...

编程日记 2025/2/5 6:47:02