H5-BLOB

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。还得需要从后台获取下载。