04 2012 档案

HTML5编程百例之三：图片文本(txt)拖拽预览
摘要：HTML5文件拖拽预览Demo HTML5文件拖拽预览Demo 文件预览区，仅限图片和txt文件 主要代码解析 样式部分就不说了，很简单 dragover、dragend、drop是三个与拖拽相关的事件。 dragover表示被拖放的元素正在本元素范围内移动 dragend表示拖放操作结束 drop表示有其他元素被拖放到了本元素中 代码中先分别监听这几个事件，取消浏览器默认的行为，然后利用HTML5中的File及FileReader判断读取拖拽的文件。 如果文件是图片，就用FileReader的readAsDataURL方... 阅读全文
posted @ 2012-04-24 13:46 洗碗心得 阅读(353) 评论(0) 推荐(0)