JavaScript实现本地图片上传预览功能（兼容IE、chrome、FF）

摘要

本人个人nodejs分享论坛：tnodejs.com

参考： http://blog.youkuaiyun.com/nhconch/article/details/7295456

需要解决的问题有：本地图片如何在上传前预览、编辑；
最近发现这个功能很多是基于flash实现的，很多JavaScript实现的代码兼容性都很差，特别是在IE和firefox和chrome三个浏览器上不兼容。
代码实现主要利用到jquery插件imgAreaSelect，FileReader对象（chrome和ff获取本地图片数据的接口），IE滤镜效果。

关键词：imgAreaSelect FileReaderdocument.selection.createRange() IE滤镜效果

一、实现上传前预览
1.1、页面显示
代码1-1显示的是html需要展示的web页面信息

<!—预览图片显示区域-->
<div id=