download.js 使用方法

2025-10-21 02:57:07

1、下载:download.js

网址:http://danml.com/js/download2.js

进入网址后按CTRL+S键保存js文件

download.js 使用方法

download.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>

download.js 使用方法

download.js 使用方法

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>

download.js 使用方法

download.js 使用方法

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>

download.js 使用方法

download.js 使用方法

download.js 使用方法

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>

download.js 使用方法

download.js 使用方法

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>

download.js 使用方法

download.js 使用方法

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢