养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

download.js 使用方法

时间:2024-10-11 12:24:26

downl艺皱麾酪oad.js是客户端下载插件,主要使用JavaScript和HTML5实现。那么,download.js具体怎么使用呢?

download.js 使用方法

工具/原料

download.js

jquery

JavaScript

HTML5

CSS3

HBuilderX

截图工具

浏览器

WPS

方法/步骤

1、打开HBuilderX开发工具,新建页面评鲦易纪文件mpages.html;并在文件中,引入jquery-3.4.1.min.js和download.js

download.js 使用方法

2、在<body></body>标签中,插入一个按钮和tabl娣定撰钠e标签,按钮添加id属性

download.js 使用方法

3、在jquery初始化函数中,添加按钮点击事件,调用download方法,下载内容为蛴蛩钔淞下载,文件名为download.txt,格式为text/plain

download.js 使用方法

4、保存代码并运行文件,打开浏览器并点击下载按钮,可以看到下方下载了download.txt

download.js 使用方法

5、接着将文字内容改为newBlob([]),其它参数不变,然后保存代码

download.js 使用方法

6、刷新浏览器,点击下载按钮,可以看到有个download(1).txt,跟之前是同名但是内容不一致

download.js 使用方法

7、在线将jpg图片转base64,然后使用download方法,以gif格式保存图片

download.js 使用方法

download.js 使用方法

8、再次保存代码并刷新浏览器,点击下载按钮,可以看到下载一个gif文件

download.js 使用方法

9、如果想要将页面中的代码下载成其他的html,可以保存为.html文件

download.js 使用方法

10、再次保存并刷新浏览器,点击下载按钮并可以查看到HTML文件

download.js 使用方法

© 一点知识