// <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把把文件数据保存到本地(下载文件)相关推荐

  1. python如何将数据保存到本地json文件

    之前做了dict字典的合并,这一篇会将dict数据转换成json格式的数据保存在本地,并在需要的时候读取显示. 将数据保存成.json文件: @app.route('/', methods=['GET ...

  2. java获取数据库数据保存到本地txt文件中

    首先是Services @Service public class logServiceimpl implements logService {@Autowired@Qualifier("p ...

  3. java 服务器 文件写入文件_java 从服务器下载文件并保存到本地

    昨天在做一个项目时,用到了从服务器上下载文件并保存到本地的知识,以前也没有接触过,昨天搞了一天,这个小功能实现了,下面就简单的说一下实现过程: 1.基础知识 当我们想要下载网站上的某个资源时,我们会获 ...

  4. vue中下载文件导出保存到本地

    vue中下载文件导出保存到本地 先分析如何下载:先有一个链接地址,然后使用 location.href或window.open()下载到本地 看看返回数据 res.config.url 中是下载链接地 ...

  5. 将Chrome调试器里的JavaScript变量保存成本地JSON文件

    我们在Chrome开发者工具的Console标签页里,可以输入JavaScript变量然后回车,查看这些变量的值. 比如我用类jQuery选择器的语法 var button = $('button') ...

  6. nodejs 保存html文件路径,nodejs如何将获得的数据保存到本地?

    nodejs将获得的数据保存到本地可以使用Cookie进行数据保存或使用sessionStorage.localStorage进行数据保存. 使用Cookie保存 Cookie这个恐怕是最常见也是用得 ...

  7. python 保存pdf文件_PyPDF2读取PDF文件内容保存到本地TXT实例

    我就废话不多说了,大家还是直接看代码吧! from PyPDF2.pdf import PdfFileReader import pandas as pd def Pdf_to_txt(pdf): f ...

  8. JS 变量保存为本地json文件,读取本地json文件为变量

    一.变量保存为本地json文件: 第一步:把返回的数据转成json格式 var content = json.stringify(data); 第二步:把转成blob这种格式             ...

  9. Python数据分析实战-将一维列表和二维列表内容保存到本地excel文件(附源码和实现效果)

    前面我介绍了可视化的一些方法以及机器学习在预测方面的应用,分为分类问题(预测值是离散型)和回归问题(预测值是连续型).同时做了关于图像识别的系列文章,让读者理解python进行图像识别的过程.原理和方 ...

最新文章

  1. 【转】CPU位数、核数、个数
  2. 实践lnmpde 的安装
  3. 自助分析平台(一):快速入门三种数据可视化插件
  4. Logistic Classification
  5. Python语言学习之双下划线那些事:python和双下划线使用方法之详细攻略
  6. vue中地图怎么标记数据库传过来的点_【Point小数点 图表挑战总结03】如何使用六边形网格地图(下)...
  7. POJ 2483 Cows(树状数组)
  8. 理解TCP的通信原理及IO阻塞
  9. 海豚php表格,表格选取(1.4.3+) · DolphinPHP1.5.0完全开发手册-基于ThinkPHP5.1.41LTS的快速开发框架 · 看云...
  10. asynchttpclient学习
  11. SQL Server provider: SQL 网络接口, error: 26 - 定位指定的服务器/实例时出错
  12. Java-访问修饰符
  13. iOS开发UIAlertController之UIAlertAction加图片(UIAlertController按钮加图片)
  14. 搜索控制器UISearchController的使用
  15. android 开发怎么让程序生成的图片文件不会被系统扫描到
  16. 图书管理系统(数据库)
  17. 高端游戏计算机配置,高端电脑:万元游戏主机配置推荐,从此告别卡顿!
  18. 小程序如何cdn加速服务器,小程序能用cdn加速吗
  19. Webstorm里面创建XMl文件
  20. 蓝牙核心技术了解(蓝牙协议、架构、硬件和软件笔记)

热门文章

  1. word文档中标题前面的点如何去掉
  2. vhdl写模十计数器(可任意选择)
  3. 用docker安装redis集群报错“Bad directive or wrong number of arguments\n“,“stream“:“stderr“”
  4. Oracle Siebel CRM 怎么样?
  5. QCustomplot中色谱图(QCPColorMap)设置色条(QCPColorScale)
  6. php 音频顺序播放,html5 Audio多个mp3音频顺序播放
  7. Unity使用Gradle打包方式接入Firebase时配置文件google-services.json遇到的坑
  8. grasshopper
  9. 学IT技术 轻松高薪就业
  10. 微信小程序知识点总结(二)