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

根据文件类型进行下载, 文档/图片

根据文件类型进行下载, 文档/图片

function loadFile(fileUrl, fileName) {if (isImageByExtension(fileUrl)) {try {downloadRes(fileUrl, fileName)} catch (error) {downloadFile(fileUrl, fileName)}} else {downloadRes(fileUrl, fileName)}
}
const downloadFile = (fileUrl, fileName) => {const link = document.createElement('a');link.href = fileUrl;link.download = fileName;link.target = '_blank';link.style.display = 'none';document.body.appendChild(link);link.click();document.body.removeChild(link);
}
const downloadRes = async (url, name) => {let response = await fetch(url)let blob = await response.blob()let objectUrl = window.URL.createObjectURL(blob)let a = document.createElement('a')a.href = objectUrla.download = namea.click()a.remove()
}
function isImageByExtension(filename:string) {const imageExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.bmp'];const extension = filename.substring(filename.lastIndexOf('.')).toLowerCase();return imageExtensions.includes(extension);
}

相关文章:

根据文件类型进行下载, 文档/图片

根据文件类型进行下载, 文档/图片 function loadFile(fileUrl, fileName) {if (isImageByExtension(fileUrl)) {try {downloadRes(fileUrl, fileName)} catch (error) {downloadFile(fileUrl, fileName)}} else {downloadRes(fileUrl, fileName)} } const downloadFile (file…...

赋范线性空间3

赋范线性空间三 文章目录 赋范线性空间三三、内积空间3.1 内积空间的定义和性质【定义】内积【定理】内积的性质——Schwarz不等式【定义】有内积导出的范数【定理】内积、由内积导出的范数 的性质 3.2 正交与正交系【定义】正交、正交补【定理】勾股定理在内积空间中的推广【定…...

XSLVGL2.0 User Manual 缩略图生成器(v2.0)

XSLVGL2.0 开发手册 XSLVGL2.0 User Manual 缩略图生成器 1、概述2、特性3、APIs3.1、xs_system_init_thumbnail3.2、xs_system_exit_thumbnail3.3、xs_system_get_thumbnail3.4、xs_system_thumbnail_on_cache_to_storage_defalut4、使用方法5、自定义缩略图生成方法1、概述 …...

练习八-利用有限状态机进行时序逻辑的设计

利用有限状态机进行时序逻辑的设计 1,任务目的:2,RTL代码,及原理框图3,测试代码,输出波形 1,任务目的: (1)掌握利用有限状态机实现一般时序逻辑分析的方法&am…...

WebAssembly照亮了 Web端软件的未来

WebAssembly的发展历程相对较短,但影响深远。WebAssembly 于 2015 年首次发布,先驱技术是来自Mozilla的asm.js和Google Native Client,最初的实现是基于asm.js的功能集。自2017年3月由WebAssembly创造的MVP的预览版发布以来,WebAs…...

PDF文件无密码,如何解密?

PDF文件有两种密码,一个打开密码、一个限制编辑密码,因为PDF文件设置了密码,那么打开、编辑PDF文件就会受到限制。想要解密,我们需要输入正确的密码,但是有时候我们可能会出现忘记密码的情况,或者网上下载P…...

搜维尔科技:Movella Xsens MVN LINK 实际应用,一镜到底!

搜维尔科技:Movella Xsens MVN LINK 实际应用,一镜到底!...

wsl安装ubuntu的问题点、处理及连接

WSL安装Ubuntu的参考链接 (41条消息) wsl报错:WslRegisterDistribution failed with error: 0x800701bc_yzpyzp的博客-CSDN博客_0x800701bc wsl (41条消息) 使用Ubuntu安装软件出现Unable to locate package错误解决办法_大灰狼学编程的博客-CSDN博客 手把手教你…...

Flutter在web项目中使用iframe

需要把原来的app项目移植到web上面,在app中使用的是flutter_inappwebview这个库,推荐使用这个库,因为修复了一部分webview_flutter中存在的问题 在web项目中flutter_inappwebview这个库不支持,所以需要自己封装一个web项目中的we…...

阿里云高校计划学生和教师完成认证领取优惠权益

阿里云高校计划学生和教师均可参与,完成学生认证和教师验证后学生可以免费领取300元无门槛代金券和3折优惠折扣,适用于云服务器等全量公共云产品,订单原价金额封顶5000元/年,阿里云百科aliyunbaike.com分享阿里云高校计划入口及学…...

劲松HPV防治诊疗中心提醒:做完HPV检查后,需留意这些事项!

在接受HPV检查后,有一些注意事项需要您注意。首先,要遵循医生的建议,并按照医生的指示进行后续治疗和随访。 其次,检查后可能会有些不适感,这是正常的现象,不必过于担心。但是,如果不适感持续加…...

InfoNCE Loss公式及源码理解

InfoNCE Loss公式及源码理解–从交叉熵损失谈起 当谈论到信息论中的损失函数时,InfoNCE(Noise Contrastive Estimation)和交叉熵损失都是两个关键的概念。它们不仅在衡量概率分布之间的差异方面发挥着重要作用,而且在深度学习的自…...

经典双指针算法试题(二)

📘北尘_:个人主页 🌎个人专栏:《Linux操作系统》《经典算法试题 》《C》 《数据结构与算法》 ☀️走在路上,不忘来时的初心 文章目录 一、有效三角形的个数1、题目讲解2、讲解算法原理3、代码实现 二、查找总价格为目标值的两个商…...

MySQL -- DQL

1、select查询列和列名: --查询所有员工信息(*通配符,默认查询所有的列) select * from emp;--查询员工的姓名 select ename from emp;--查询员工的薪资 select sal from emp;--查询员工的姓名和薪资 select ename , sal from emp; select ename sal fr…...

高防CDN:保障网络安全的未来之路

在当前数字化飞速发展的时代,网络安全问题日益成为企业和个人关注的焦点。高防CDN(Content Delivery Network,内容分发网络)作为一种专注于防御网络攻击的解决方案,尽管在技术上表现卓越,但其普及却面临一系…...

使用wxPython和PyMuPDF合并PDF文档并自动复制到剪贴板

导语:处理大量的PDF文档可能会变得复杂和耗时。但是,使用Python编程和一些强大的库,如wxPython和PyMuPDF,可以使这个任务变得简单而高效。本文将详细解释一个示例代码,展示如何使用这些库来创建一个可以选择文件夹中的…...

Redis篇---第十四篇

系列文章目录 文章目录 系列文章目录前言一、为什么Redis的操作是原子性的,怎么保证原子性的?二、了解Redis的事务吗?四、Redis 的数据类型及使用场景前言 前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站,这篇文章男…...

python之文件操作

文件的读取、修改、写入 知识点:不可以使用for循环生成变量,替代方式:将每次循环生成的数据添加到列表中,再对列表进行操作 例子:根据输入的环境名称操作hosts文件,注释掉其他环境 #env1 127.0.0.1 127.0.…...

android实时投屏软件QtScrcpy

QtScrcpy 可以通过 USB / 网络连接Android设备,并进行显示和控制。无需root权限。 同时支持 GNU/Linux ,Windows 和 MacOS 三大主流桌面平台。 QtScrcpy: Android实时投屏软件,此应用程序提供USB(或通过TCP/IP)连接的Android设备的显示和控制…...

LeetCode - 622. 设计循环队列(C语言,顺序存储结构,配图)

目录 ​编辑定义结构体: 1. MyCircularQueue(k): 构造器,设置队列长度为 k 2. Front: 从队首获取元素。如果队列为空,返回 -1 3. Rear: 获取队尾元素。如果队列为空,返回 -1 4. enQueue(value): 向循环队列插入一个元素。…...

3个简单步骤:使用OpenCore Legacy Patcher让旧Mac免费升级最新macOS

3个简单步骤:使用OpenCore Legacy Patcher让旧Mac免费升级最新macOS 【免费下载链接】OpenCore-Legacy-Patcher Experience macOS just like before 项目地址: https://gitcode.com/GitHub_Trending/op/OpenCore-Legacy-Patcher 你是否有一台性能尚可但已被A…...

炉石佣兵战记自动化脚本:解放双手的5大核心功能全解析

炉石佣兵战记自动化脚本:解放双手的5大核心功能全解析 【免费下载链接】lushi_script This script is to save your time from Mercenaries mode of Hearthstone 项目地址: https://gitcode.com/gh_mirrors/lu/lushi_script 厌倦了在《炉石传说》佣兵战记模式…...

别再折腾了!用Rufus和官方固件,5分钟搞定友善R2S的OpenWrt刷机

5分钟极简教程:用Rufus零失败刷写R2S OpenWrt固件 第一次接触软路由的朋友,面对琳琅满目的教程和术语难免发怵。作为从零起步的过来人,我完全理解那种面对SD卡、固件、刷写工具时的茫然感。本文将分享一个经过50次实测验证的极简刷机方案&am…...

基于Vue 3与FastAPI的ChatGPT Web应用脚手架:从流式对话到生产部署

1. 项目概述与核心价值 最近在GitHub上看到一个挺有意思的项目,叫“Aniuyyds/ChatGPT-website”。光看名字,你可能会觉得这又是一个基于OpenAI API的聊天网站前端,市面上类似的轮子已经多如牛毛了。但当我真正点进去,仔细研究它的…...

MonitorControl:5分钟掌握Mac外接显示器亮度调节的终极方案

MonitorControl:5分钟掌握Mac外接显示器亮度调节的终极方案 【免费下载链接】MonitorControl 🖥 Control your displays brightness & volume on your Mac as if it was a native Apple Display. Use Apple Keyboard keys or custom shortcuts. Show…...

Freertos中Task状态信息和CPU占用率查看

1. 启用 “状态信息” 2. 启用专门定时器启用的定时器频率,需要超过Freertos时基10倍以上,比如Freertos的周期是1ms,则定时器的周期至少是1ms/10 100us.3. 更新函数//增加变量定义volatile long long FreeRTOSRunTimeTicks;//更新函数void configureTim…...

BitBake编译lighttpd时遇到‘Reconnecting to server’卡住?一个命令快速解决

BitBake编译lighttpd卡在"Reconnecting to server"的深度解析与系统化解决方案 在嵌入式开发领域,Yocto项目因其强大的定制能力和跨平台支持而广受欢迎。然而,当你在SDX62平台上使用BitBake编译lighttpd时,突然遇到"NOTE: Rec…...

GEO 不是玄学|5 月谷歌给了明确标准✨

当下做英文独立站运营的人,几乎都能明显感知到一个变化:传统关键词排名带来的自然流量,正在逐年放缓,而谷歌 AI 生成式搜索、AI Overview 推荐流量,正在成为新的流量核心入口。 很多人接触到 GEO 优化之后&#xff0c…...

3分钟快速上手:Onekey智能Steam清单下载器完全指南

3分钟快速上手:Onekey智能Steam清单下载器完全指南 【免费下载链接】Onekey Onekey Steam Depot Manifest Downloader 项目地址: https://gitcode.com/gh_mirrors/one/Onekey 还在为复杂的Steam游戏配置而烦恼吗?面对繁琐的manifest清单下载和工具…...

上海财经大学:《2026自动驾驶生态报告》

“21世纪关键技术”关注科技未来发展趋势,研究21世纪前沿科技关键技术的需求,和影响。将不定期推荐和发布世界范围重要关键技术研究进展和未来趋势研究。来源:21世纪关键技术2026年,中国自动驾驶产业迎来了一个具有历史意义的转折…...