利用Bolb对象实现创建及下载二进制文件

原创 苏秦陶侃 随笔 html5 158阅读 2017-05-09 23:23:14 举报

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Blob对象</title>
</head>
<body>
<textarea id="text" placeholder="请输入文字"></textarea><br>
<button id="btndownload" onclick="Blob_test()">创建及下载二进制文件</button>
<output id="result">

</output>
</body>
</html>
<script type="text/javascript">
function Blob_test() {
// body...
var text = document.getElementById("text").value;
var bolb;
var result = document.getElementById("result");
//创建Bolb对象
if(!window.Blob){
result.innerHTML = "您的浏览器不支持Blob对象";
}
else{
blob = new Blob([text]);//Blob中数据为文字的时候默认为Utf-8格式
//通过createObjectURL方法创建文字链接
if(window.URL){
result.innerHTML ='<a download href="'+window.URL.createObjectURL(blob)+'"target="_blank">文件下载</a>';
}
}
}
</script>

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复