文档

        let data = new Blob(['hello ajanuw'], {type: 'application/text'})let src = window.URL.createObjectURL(data)let dl = document.createElement('a')dl.href = src;dl.download = 'hello.txt'dl.click()

切片下载

let data = new Blob(['hello ajanuw'], {type: 'application/text'
})
let size = data.size;
let data1 = data.slice(0, size / 2, data.type)
let data2 = data.slice(size / 2, size, data.type)
let src1 = window.URL.createObjectURL(data1)
let src2 = window.URL.createObjectURL(data2)let dl = document.createElement('a')
dl.href = src1;
dl.download = `hello(1).txt`
dl.click() // URL.revokeObjectURL(data1)dl.href = src2;
dl.download = `hello(2).txt`
dl.click()

转载于:https://www.cnblogs.com/ajanuw/p/9250749.html

js 使用a标签 下载资源相关推荐

  1. js阻止a标签默认事件的几种方法

    方法/步骤 疑问 打开编辑器,新建html并加入a标签,如图所示,小编想点击a标签时执行pop函数同时禁止a标签的默认的href跳转,该如何阻止呢? 方法一 要阻止a标签跳转,可以改变href的值,直 ...

  2. Asp.net 后台添加CSS、JS、Meta标签

    下面是从Asp.net 后台添加CSS.JS.Meta标签的写法,我们这里写成函数方便以后使用.如果函数放在页面类中, Page参数也可以不要. 首先导入命名空间 using System.Web.U ...

  3. php商品数量怎么用js,如何使用js统计页面标签数量

    这次给大家带来如何使用js统计页面标签数量,使用js统计页面标签数量的注意事项有哪些,下面就是实战案例,一起来看一下. 具体代码如下所示:function fold(node){ var map = ...

  4. css、js控制html标签的属性和内容

    css.html <!DOCTYPE html> <html> <head><title>js控制html标签的属性和内容</title>& ...

  5. js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题...

    js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...

  6. js给php赋值,JavaScript_javascript给span标签赋值的方法,js给span标签赋值的方法?一般 - phpStudy...

    javascript给span标签赋值的方法 js给span标签赋值的方法?一般有两种方法: 第一种方法:输出html function s(){ document.getElementById(&q ...

  7. html href点击无效,href跳转无效 js阻止a标签href跳转

    IE 9+location.href="#id"此方式跳转失效,其他浏IE9+location.href="#id"此方式跳转失效,其他浏览器都正常.有大神知道 ...

  8. JS DOM获取标签/元素style样式

    JS DOM获取标签/元素style样式 文章目录 JS DOM获取标签/元素style样式 .style getComputedStyle() .style 只能获取行内样式,不能获取style标签 ...

  9. 原生js获取指定标签的父元素

    js是没有这个函数的,js只有.parentNode获取上一级的父元素.如果想用js获取指定标签的祖先元素,不想使用jq.下面是封装的函数,初学者自己写的,实测有效. //js获取指定标签的父元素,获 ...

最新文章

  1. chrome浏览器调试手机端h5页面
  2. SQLServer之创建唯一聚集索引
  3. 英语音标 语言、语音、音素及音标
  4. [詹兴致矩阵论习题参考解答]习题7.1
  5. 两台服务器之间mysql数据库怎么做同步_MySQL 数据库同步结构总结
  6. UE4 蓝图RandomStreams
  7. 计算机毕业设计——基于SSM框架的公寓租房管理系统的设计与实现
  8. C语言根号作用,c语言开根号(开根号编程)
  9. [渝粤题库]西北工业大学离散数学
  10. 社招腾讯,阿里,京东,必问知识点整理,常考知识点全在这里了!
  11. mysql frm myd myi 恢复_通过*.frm,*.myd,*.myi文件恢复mysql数据库
  12. 《三体》与《西部世界》
  13. 如何用C#实现电子面单批量打印功能
  14. Ant design vue中实现动态更换主题色
  15. Google在线翻译工具:Translatium for Mac支持big sur
  16. 粉丝突破1600,我感到一丝愧疚
  17. STL_算法(25)_逆转和旋转 revers() 、reverse_copy()、rotate()、rotate_copy()、
  18. 前端基础题集合---ing
  19. oracle 19c驱动和18c的区别,什么是Oracle 18c的版本号?(What is the version number of Oracle 18c?)...
  20. 面试的时候面试官问如何看待加班,该怎么回答?这些回答帮你!

热门文章

  1. C++11中nullptr的使用
  2. WIN32 C++ 遍历文件夹
  3. 【Ubuntu】Ubuntu14.04添加163的源
  4. Nginx学习4:负载均衡实例
  5. Java项目:医院预约挂号系统(java+SpringBoot+Maven+Vue+mysql)
  6. oracle生成xml方法,oracle存储过程生成xml==转
  7. 使用mybatis一次性添加多条数据 在oracle 数据库上
  8. 关于SQL的基础知识点
  9. ios 常见性能优化
  10. 3des java 库_java 3DES 加密