JS中Buffer数据详解

例如：
Int8Array             8位有符号整数
Uint8Array            8位无符号整数
Uint8ClampedArray      同上，像素操作
Int16Array            
Uint16Array
Int32Array
Uint32Array
Float32Array
Float64Array

以上是Typed Array类型化数组，类型化数组类型表示可编制索引和操纵的 ArrayBuffer 对象 的各种视图。 所有数组类型的长度均固定。而DataView视图对象对数据的操作更加细致

readAsArrayBuffer()
readAsBinaryString()
readAsDataURL()
readAsText()

兼容
var dataTransfer = e.dataTransfer

获取 URL
var url = dataTransfer.getData('url') || dataTransfer.getData('text/uri-list')

获取 文本
var url = dataTransfer.getData('Text') || dataTransfer.getData('text/plain')

MIME 类型
MIME (Multipurpose Internet Mail Extensions) 是描述消息内容类型的因特网标准。
MIME 消息能包含文本、图像、音频、视频以及其他应用程序专用的数据。

不同的应用程序支持不同的 MIME 类型。
MIME 类型大约有191种类型，是的没错，191种^.^

Base64 类型
Base64是网络上最常见的用于传输8Bit字节码的编码方式之一，Base64就是一种基于64个可打印字符来表示二进制数据的方法
Base64编码是从二进制到字符的过程中，可用于在HTTP环境下传递较长的标识信息

FileReader API 用于读取文件，即把文件内容读入内存，是一种异步文件读取机制，它的参数是 File 对象或 Blob 对象。对于不同类型的文件，FileReader 提供不同的方法读取文件。

创建读取文件的对象
var reader = new FileReader()    

readAsDataURL(Blob|File) 
读取文件并将文件以数据URI的形式保存在result属性中，返回一个基于 Base64 编码的 data-uri 对象
reader.readAsDataURL(files[0])

readAsText(Blob|File, opt_encoding)
返回文本字符串。默认情况下，文本编码格式是 UTF-8，可以通过可选的格式参数，指定其他编码格式的文本
以纯文本形式读取文件，将读取到的文本保存在result属性中，第二个参数用于指定编码类型，可选的
reader.readAsText( files[0],encoding )

readAsBinaryString(Blob|File)    IE可能不支持
返回二进制字符串，该字符串每个字节包含一个 0 到 255 之间的整数。（已废弃）
读取文件并将一个字符保存在result属性中，字符串的每个字符表示一字节
reader.readAsBinaryString(files)

readAsArrayBuffer(Blob|File)    IE可能不支持
返回一个 ArrayBuffer 对象
读取文件并将一个包含文件内容的ArrayBuffer保存在result属性中
reader.readAsArrayBuffer(files)

<input type='file' multiple id='oInput'/>
<script>
    oInput.onchange = function() {
          console.log(this.files)
    };
</script>

oInput.ondrop = function(e) {
    e.stopPropagation()
    e.preventDefault()
    var files = e.dataTransfer.files
    console.log(files)
  };

Blob 构造函数，接受两个参数。
第一个参数是一个包含实际数据的数组
第二个参数是数据的类型
这两个参数都不是必需的

var arr = ["hello", "world"]
var Blob = new Blob(arr, { "type" : "text/xml" })
console.log(Blob)

Blob 对象的 slice 方法，将二进制数据按照字节分块，返回一个新的 Blob 对象
var arr = ["hello", "world"]
var Blob = new Blob(arr, { "type" : "text/xml" })
var newBlob = Blob.slice(0, 5) ;  // 用在分片文件 ，后台接收把这些片段检验并组合一个文件
console.log(newBlob)

Blob 对象有两个只读属性：
size：二进制数据的大小，单位为字节。（文件上传时可以在前端判断文件大小是否合适）
type：二进制数据的 MIME 类型，全部为小写，如果类型未知，则该值为空字符串。（文件上传时可以在前端判断文件类型是否合适）
gbk编码：    数字字母 一字节 1KB= 1024字节 一中文汉字是 2字节
UTF-8编码： 数字字母 一字节 1KB= 1024字节 一个中文汉字是 3字节

    > silce( start,end )
    >
    > start 开始索引，默认为0
    >
    > end    截取结束索引（不包括end）
    > contentType    新Blob的MIME类型，默认为空字符串

function blogSlice( blob,start,end ){
    if( blog.slice ){
        return blob.slice(start,end)
    }else if( blob.webkitSlice ){
          return blob.webkitSlice(start,end)
    }else if( blob.mozSlice ){
        return blob.mozSlice(start,end)         
    }else{
          return null
    }
}

var reader = new FileReader()
var blob = blogSlice( e.dataTransfer.files[0] , 0 , 20 )
reader.readAsText( blob )
if( blob ){
       reader.onload = function(){
        box.innerHTML = this.result
    }
}else{
      alert('no data')
}

function createObject(blob){
      if( window.URL ){
          return window.URL.createObjectURL(blob)
      }else if( window.webkitURL ){
          return window.webkitURL.createObjectURL(blob)
      }else{
          return null
      }
}

var reader = new FileReader()
var url = createObject( files[0] )
if( url ){
      if( /image/.test(files[0].type) ){
         box.innerHTML = '<img src="'+url+'" />'
    }else{
          alert( 'no img' )
    }
}else{
      alert( 'no data' )
}