FileReader语法

属性

FileReader.error表示在读文件操作过程中发生的错误

FileReader.readyState表示FileReader读取数据的状态，有三个值：

• EMPTY：没有数据被加载

• LOADING：数据正在被加载

• LOADING：数据正在被加载

FileReader.result代表数据读取完成后的结果，只有在数据被加载完成后，result属性才有效。

事件

FileReader.onbort在FileReader的reading操作被中断的时候触发。

FileReader.onerror在FileReader读取数据过程中发生错误时触发FileReader.onload在FileReader读取事件完成后调用FileReader.onloadstart在FileReader读取事件开始时调用FileReader.onloadend在FileReader读事件完成后调用FileReader.onprogress在FileReader读取数据的过程中调用

方法

FileReader.abort()中断读数据操作，直接返回，readyState将被设置为DONE

FileReader.readAsArrayBuffer()读取Blob类型的数据，读取完成后返回ArrayBuffer对象，ArrayBuffer对象存储数据内容。FileReader.readAsBinaryString()读取一个Blob对象，将Blob对象中的原始二进制数据作为字符串的形式返回。FileReader.readAsDataURL()返回一个代表文件数据的URLFileReader.readAsTextString()读取一个Blob对象，返回一个文本字符串。

Demo

一个拖拽事件的demo,参考MDN

                                            
    
            
     
                
      
实现拖拽
                
                      
      
Size: