JAVAScript把把文件数据保存到本地(下载文件)
// <input type="file" name="file" id="file"/>
let fileEl = document.getElementById("file")
fileEl.onchange = function () {let file = fileEl.files[0]/*把文件转成urlcreateObjectURL()参数可以传blob或者file*/let url = URL.createObjectURL(file)let a = document.createElement("a")/*a.innerHTML = "下载文件"或者 a.innerText = "下载文件"该属性可有可无,如果页面需要显示a标签,则保留属性;反之则无需保留该属性*/// a.innerHTML = "下载文件"a.style.display = "none"a.href = url/*这个属性为关键属性,如果不添加download属性,则会直接在浏览器打开该文件,对于浏览器不能打开的文件会显示乱码,比如压缩包*/a.download = file.namedocument.body.appendChild(a)//为a标签赋予点击事件并点击,如果是手动点击,则无需赋予事件let evt = document.createEvent("MouseEvents");evt.initEvent("click", true, true);a.dispatchEvent(evt);//下载完成之后删除a标签document.body.removeChild(a);
}
JAVAScript把把文件数据保存到本地(下载文件)相关推荐
- python如何将数据保存到本地json文件
之前做了dict字典的合并,这一篇会将dict数据转换成json格式的数据保存在本地,并在需要的时候读取显示. 将数据保存成.json文件: @app.route('/', methods=['GET ...
- java获取数据库数据保存到本地txt文件中
首先是Services @Service public class logServiceimpl implements logService {@Autowired@Qualifier("p ...
- java 服务器 文件写入文件_java 从服务器下载文件并保存到本地
昨天在做一个项目时,用到了从服务器上下载文件并保存到本地的知识,以前也没有接触过,昨天搞了一天,这个小功能实现了,下面就简单的说一下实现过程: 1.基础知识 当我们想要下载网站上的某个资源时,我们会获 ...
- vue中下载文件导出保存到本地
vue中下载文件导出保存到本地 先分析如何下载:先有一个链接地址,然后使用 location.href或window.open()下载到本地 看看返回数据 res.config.url 中是下载链接地 ...
- 将Chrome调试器里的JavaScript变量保存成本地JSON文件
我们在Chrome开发者工具的Console标签页里,可以输入JavaScript变量然后回车,查看这些变量的值. 比如我用类jQuery选择器的语法 var button = $('button') ...
- nodejs 保存html文件路径,nodejs如何将获得的数据保存到本地?
nodejs将获得的数据保存到本地可以使用Cookie进行数据保存或使用sessionStorage.localStorage进行数据保存. 使用Cookie保存 Cookie这个恐怕是最常见也是用得 ...
- python 保存pdf文件_PyPDF2读取PDF文件内容保存到本地TXT实例
我就废话不多说了,大家还是直接看代码吧! from PyPDF2.pdf import PdfFileReader import pandas as pd def Pdf_to_txt(pdf): f ...
- JS 变量保存为本地json文件,读取本地json文件为变量
一.变量保存为本地json文件: 第一步:把返回的数据转成json格式 var content = json.stringify(data); 第二步:把转成blob这种格式 ...
- Python数据分析实战-将一维列表和二维列表内容保存到本地excel文件(附源码和实现效果)
前面我介绍了可视化的一些方法以及机器学习在预测方面的应用,分为分类问题(预测值是离散型)和回归问题(预测值是连续型).同时做了关于图像识别的系列文章,让读者理解python进行图像识别的过程.原理和方 ...
最新文章
- 【转】CPU位数、核数、个数
- 实践lnmpde 的安装
- 自助分析平台(一):快速入门三种数据可视化插件
- Logistic Classification
- Python语言学习之双下划线那些事:python和双下划线使用方法之详细攻略
- vue中地图怎么标记数据库传过来的点_【Point小数点 图表挑战总结03】如何使用六边形网格地图(下)...
- POJ 2483 Cows(树状数组)
- 理解TCP的通信原理及IO阻塞
- 海豚php表格,表格选取(1.4.3+) · DolphinPHP1.5.0完全开发手册-基于ThinkPHP5.1.41LTS的快速开发框架 · 看云...
- asynchttpclient学习
- SQL Server provider: SQL 网络接口, error: 26 - 定位指定的服务器/实例时出错
- Java-访问修饰符
- iOS开发UIAlertController之UIAlertAction加图片(UIAlertController按钮加图片)
- 搜索控制器UISearchController的使用
- android 开发怎么让程序生成的图片文件不会被系统扫描到
- 图书管理系统(数据库)
- 高端游戏计算机配置,高端电脑:万元游戏主机配置推荐,从此告别卡顿!
- 小程序如何cdn加速服务器,小程序能用cdn加速吗
- Webstorm里面创建XMl文件
- 蓝牙核心技术了解(蓝牙协议、架构、硬件和软件笔记)
热门文章
- word文档中标题前面的点如何去掉
- vhdl写模十计数器(可任意选择)
- 用docker安装redis集群报错“Bad directive or wrong number of arguments\n“,“stream“:“stderr“”
- Oracle Siebel CRM 怎么样?
- QCustomplot中色谱图(QCPColorMap)设置色条(QCPColorScale)
- php 音频顺序播放,html5 Audio多个mp3音频顺序播放
- Unity使用Gradle打包方式接入Firebase时配置文件google-services.json遇到的坑
- grasshopper
- 学IT技术 轻松高薪就业
- 微信小程序知识点总结(二)