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

<!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对象实现创建及下载二进制文件

赞 (3)
分享到:更多 ()

发表评论 0