HTML5及CSS3web前端开发技术习题答案解析

var viewImg = document.getElementById(\ function viewFile (file) { //通过file.size可以取得图片大小 var reader = new FileReader(); reader.onload = function( evt ){ viewImg.src = evt.target.result; } reader.readAsDataURL(file); } viewFiles.addEventListener(\ //通过 this.files 取到 FileList viewFile(this.files[0]); }, false); })(); (2)使用HTML 5中的文件API读取文本文件内容,效果如图12-14所示。

图12-14 选择读取文本文件后的效果

fileReader读取文本文件示例

请选择要读取的文本文件:

(3)使用拖放API实现页面内的拖放功能,将图片拖至垃圾箱将从页面上删除该图片,效果如图12-15、12-16所示。

图12-15拖放前的效果 图12-16拖放后的效果