HTML5 文件API

filelist 表示文件对象的列表。

<form name="upload">
  <input type="file" name="fileselect" multiple>
</form>

document.forms['upload']['fileselect'].files

得到的就是filelist。

拖放方式选择文件： drag  drop

监听drop事件，dragOver事件

用拖放的方式选择文件，files 存放在 event.dataTransfer.files 里面。 

用选择的放是选择文件，flies 存放在 event.target.files 里面。

 

文件URL：  为文件创建地址用 creatreObjectURL 方法，创建的是bolb类型地址。每次都会生成不同的地址。

var file = document.forms['upload']['fileselect'].files[0];

var url = window.URL.createObjectURL(file);

吊销地址： 

window.URL.revokeObjectURL(url);