在前面的几篇文章里,我向大家共享了几个HTML5的例子,分别是
- 一个FileList序列,代表着由本地系统里选中的单个的文件组成的数组。用来选择文件的用户接口可以通过<
input type=” file” > 调用实现。
- 一个
Blob 接口,它代表原始二进制数据,通过Blob对象你可以访问里面的字节数据。
- 一个
File 接口,它里面存有文件的只读属性信息,像文件名,文件类型,文件数据访问的地址。
- 一个
FileReader 接口,它提供了读取一个文件的方法,和一个获取文件读取结果的事件模型。
- 一个
FileError 接口和一个FileException对象,它们用来定义这个规范中的错误产生条件。
function imag esSe lect ed(m yFil es) {
for (var i = 0, f; f = myFiles[i]; i++) {
var imageReader = new FileReader();
imageReader.onload = (function(aFile) {
return function(e) {
var span = docu ment .cre ateE leme nt(‘ span ‘);
span.innerHTML = [‘< img class=” images” src=” ‘, e.target.result,'” title=” ‘, aFile.name, ‘” /> ‘].join(”);
docu ment .get Elem entB yId( ‘thu mbs’ ).in sert Befo re(s pan, null);
};
})(f);
imag eRea der. read AsDa taUR L(f) ;
}
}
function dropIt(e) {
imag esSe lect ed(e .dat aTra nsfe r.fi les) ;
e.st opPr opag atio n();
e.pr even tDef ault ();
}
< td align=” left” height=” 105″ ondragenter=” return false” ondragover=” return false” ondrop=” dropIt(event)” >
< output id=” thumbs” > < /output>
< /td>
Pingback: BrowserQuest:開源的基於HTML5的多人在線RPG遊戲 | GoZoneHK