这个例子中使用了html5中的文件读取API：FileReader对象；该对象提供了下列异步方法用于读取文件：
1.FileReader.readAsBinaryString(fileBlob)
以二进制的方式读取文件，result属性会包含一个文件的二进制的格式
2.FileReader.readAsText(fileBlob,opt_encoding)
以文本的方式读取文件，result属性将会包含一个文件的文本格式，默认解码参数是“utf-8”。
3.FileReader.readAsDataURL(file)
以URL形式读取文件result将会包含一个文件的DataURL格式（图片通常用这种方式）。
当使用上面的方法读取文件后，会触发下列事件：
onloadstart，onprogress，onabort，onerror，onload，onloadend
这些事件都很简单，需要的时候挂接就可以了。看下面的代码示例：
functionstartRead(){
//obtaininputelementthroughDOM
varfile=document.getElementById('file').files[0];
if(file){
getAsText(file);
}
}
functiongetAsText(readFile){
varreader=newFileReader();
//ReadfileintomemoryasUTF-16
reader.readAsText(readFile,"UTF-16");
//Handleprogress,success,anderrors
reader.onprogress=updateProgress;
reader.onload=loaded;
reader.onerror=errorHandler;
}
functionupdateProgress(evt){
if(evt.lengthComputable){
//evt.loadedandevt.totalareProgressEventproperties
varloaded=(evt.loaded/evt.total);
if(loaded<1){
//Increasetheprogbarlength
//style.width=(loaded*200)+"px";
}
}
}
functionloaded(evt){
//Obtainthereadfiledata
varfileString=evt.target.result;
//HandleUTF-16filedump
if(utils.regexp.isChinese(fileString)){
//ChineseCharacters+Namevalidation
}
else{
//runothercharsettest
}
//xhr.send(fileString)
}
functionerrorHandler(evt){
if(evt.target.error.name=="NotReadableErr"){
//Thefilecouldnotberead
}
}
这里也简单说一下：普通的文件下载使用的就是window.open方法，例如：
window.open('http://aaa.bbbb.com/ccc.rar','_blank')
实用参考：
官方文档：http://www.w3schools.com/html5/
一个不错的教程网站:http://html5.phphubei.com/html5/features/DrapAndDrop/
MSDN帮助：http://msdn.microsoft.com/en-us/library/ms535861(v=vs.85).aspx
文件拖拽详述：http://www.html5rocks.com/zh/tutorials/file/dndfiles/
文件拖拽并上传：http://www.chinaz.com/design/2010/0909/131984.shtml
文件拖拽上传完整例子：http://www.cnblogs.com/liaofeng/archive/2011/05/18/2049928.html
文件下载的例子：http://hi.baidu.com/guo_biru/item/2d7201c012b6debd0c0a7b05
