码迷,mamicode.com
首页 > Windows程序 > 详细

HTML5 文件API

时间:2016-08-13 01:15:37      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:

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);

 

HTML5 文件API

标签:

原文地址:http://www.cnblogs.com/htian/p/5767041.html

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