<!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>
欢迎分享本文,转载请保留出处:前端ABC » 利用Bolb对象实现创建及下载二进制文件