1、下载:download.js网址:http://danml.com/js/download2.js进入网址后按CTRL+S键保存js文件
2、生成一个txt的文本,将 dj 的内容放到文本中,并完成下载。<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><script src="./download2.js"></script></head><body><script>//生成一个txt的文件,讲字符串变量 dj 的内容放在里面,并完成下载var dj = "来一场说来就来的旅行吧!";download(dj, "dj.txt", "text/plain");</script></body></html>
3、下载数组或json此种类型时需要将download函数的第三个参数改为:text/plain<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="./download2.js"></script> </head> <body> <script> var data = new Blob([JSON.stringify({hello : "world"}, null, 2)]); download(data, "data.txt", "text/plain"); </script> </body></html>
4、生成页面的下载,需要将download函数的第三个参数改为:text/html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="./download2.js"></script> </head> <body> <script>//下载页面 download(document.body.outerHTML, "body.html", "text/html"); </script> </body></html>
5、直接下载ajax的返回结果:第二个参数是返回类型同时需要引入jauery:http://jquery.com/download/$.ajax({ url: "/download.html", success: download.bind(true, "text/txt", "ajax.txt") });
6、将图片生成base64代码装入到图片中并下载。素材图片如下图工具网址:http://tool.chinaz.com/tools/imgtobase<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="./download2.js"></script> </head> <body> <script> //此处由于base64代码过长不再演示,此处只有一个参数 download("base64的内容"); </script> </body></html>
7、根于网址下载图片或者其它内容<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="./download2.js"></script> </head> <body> <script> var x=new XMLHttpRequest(); x.open("GET", "https://img03.sogoucdn.com/app/a/100520093/ca86e620b9e623ff-d72d635343d5bade-ae6404b1b96f0c25074a4a751dcb8208.jpg", true); x.responseType = 'blob'; x.onload=function(e){ download(x.response, "鸣人.jpg", "image/jpg" ); }; x.send(); </script> </body></html>