码迷,mamicode.com
首页 > 其他好文 > 详细

H5-BLOB

时间:2018-05-17 18:13:30      阅读:315      评论:0      收藏:0      [点我收藏+]

标签:create   element   obj   表示   href   port   file   url   bsp   

BLOB 对象为h5的产物。但是目前部分浏览器不支持。

技术分享图片

基本写法如下:

    <script type="text/javascript">
      /**
       * 前端下载BLOB (blob:file/*****)
       */
      var download = function(){
        var opt = {
            type: "text/plain",   // mime type
            endings: "native"     // transparent表示\n为一般字符非回车符
        };
        var blob = new Blob([‘张三李四\n王麻子‘], opt);
        var size = blob.size;
        var type = blob.type;
        //blob.slize(); 文件切割
        //Blob.webkitSlice(); webkit 内核用
        //blob.mozSlice(); moz 内核用
        var a = document.createElement(‘a‘);
        // download判断
        var blobUrl = URL.createObjectURL(blob);  // 创建对象
        if(‘download‘ in a){
            alert("support")
            a.download = "test.txt";
            a.href = blobUrl;
            a.target= "_blank";
            a.innerHtml = "DOWNLOAD";
            a.click();
        }
        URL.revokeObjectURL();  // 清除对象
      }();

    </script>

不过目前在移动端不是很好的支持Blob。还得需要从后台获取下载。

 

H5-BLOB

标签:create   element   obj   表示   href   port   file   url   bsp   

原文地址:https://www.cnblogs.com/DennyZhao/p/9052251.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!