download.js实现下载的基本用法

前言

通常实现下载需求时候 会使用a标签 设置a标签的href为需要下载的资源路径 调用click点击事件就会实现下载
但是如果需要下载的资源类型是浏览器可以解析的 比如txt等 浏览器不会触发下载而是会直接打开资源预览
此时可以为a标签添加download属性 通过download设置下载的文件名和后缀 此时任何类型资源就都可实现下载
但是如果资源不是同源 浏览器同样会直接打开预览

下载的方式

a标签实现下载：设置a标签的download属性 并调用click方法
window.open()实现下载widnow.open('下载的地址') 利用打开新tab方式实现下载 如果资源是浏览器无法解析的类型 会关闭tab 触发下载但是如果资源是浏览器可以解析的类型 还是会直接打开预览
构造表单方式构造表单方式即是通过动态创建表单元素 设置action为资源下载路径 设置表单隐藏并调用表单的submit方式同样针对浏览器无法解析的类型会下载 浏览器可解析的资源类型会直接打开预览

download.js

地址

http://danml.com/download.html

基本使用

download.js是将以上下载方式结合 针对不同情况内部做了处理
基本使用：1、将数据资源写入文件中并下载var blob = new Blob(['哈哈哈哈'])；download(blob,'test1.txt','text/plain')2、生成txt文件并下载conat str ='hello';download(str,'test2.txt','text/plain').......

download.js实现下载的基本用法相关推荐

download.js 实现浏览器下载而不是打开
有这么一个需求,在一个h5页面上,有一个video标签,内部是视屏的地址类似于这样 "http://ip地址/文件夹/文件夹/视屏名称" 我想要再视屏旁边添加一个按钮,点击它会弹 ...
js前端下载文件，利用download.js或者，纯js下载文件，图片，视频，pdf等
目前,我在百度上,找到了三种方式,下载第一种这个方法,用的是FileReader然后readAsDataURL,我自己测试,会比方法二,下载速度要快一点下面的代码段,可以替换,方法三种 down ...
download.js 实现txt,js文件等浏览器下载而不是打开
现在本人正在做聊天系统,最近支持收发文件,那下载当然是不可避免的 1.第一步想的是open一个窗口下载文件但事实证明显然不合适,现在的浏览器都是会主动拦截弹窗 2.a通过download属性通知浏览器 ...
js下载图片、js下载文件、js文件下载插件介绍和使用方法 download.js
知识点引用来自于 http://danml.com/download.html 在前端想要生成txt或者其他格式文件来保存一些数据,或者在数据请求服务器成功后想要将数据生成文件并下载,这些需求还是比较 ...
FileZilla下载及基本用法
FileZilla下载及基本用法官网下载地址: http://www.filezilla.cn/download/ 我的百度云盘分享: http://pan.baidu.com/s/1pJDkxzt ...
js vue 下载excel(.xls)文件
@[TOC](js vue 下载excel(.xls)文件) 先看下载下来的excel文件 1.首先,后端给到的是一个文件在服务器中的存储地址 D:\MaxSecFile\Export\Alarm_2 ...
a标签下载图片及js执行下载图片
原因: 我发现href的值是网络地址就是添加了download属性还是会直接打开图片而不是直接下载,只有写成相对地址添加了download属性才会执行下载,但是存在兼容性问题如下: <a hr ...
PDF.js 分片下载的介绍2:分片下载demo
上一个章节,简要说了以下分片下载的几个特性.今天主要用示例说明一下pdf.js分片下载. 服务器环境: php7.2 nginx 1.14 ubuntu 18.04 测试浏览器:谷歌浏览器 70.0. ...
JS实现下载xlsx格式文件--js-xlsx
之前写过关于JS上传xlsx文件,这回是关于下载的.用的技术还是js-xlsx,blob. 部分内容转至纯前端利用 js-xlsx 实现 Excel 文件导入导出功能示例关于js-xlsx的下载,请 ...
Node.js实现下载文件
第一种方式:使用原生的http模块我们仅需要用到fs和http两个node.js的原生模块,不需要安装第三方模块,就可以实现文件的下载.代码如下: var fs = require('fs'); v ...

download.js实现下载的基本用法

前言

下载的方式

download.js

地址

基本使用

download.js实现下载的基本用法相关推荐

最新文章

热门文章