如何实现JavaScript中的图片上传预览功能？

本文共计6412个文字，预计阅读时间需要26分钟。

图片上传预览是一种在图片上传前对图片进行本地预览的技术。用户选择图片后，可以立即查看图片效果，无需上传到服务器，提升用户体验。同时，为了提高浏览器的安全性，需要实现图片上传预览功能。

图片上传预览是一种在图片上传之前对图片进行本地预览的技术。
使用户选择图片后能立即查看图片，而不需上传服务器，提高用户体验。
但随着浏览器安全性的提高，要实现图片上传预览也越来越困难。
不过群众的智慧是无限的，网上已经有很多变通或先进的方法来实现。
例如ie7/ie8的滤镜预览法，firefox 3的getAsDataURL方法。
但在opera、safari和chrome还是没有办法实现本地预览，只能通过后台来支持预览。
在研究了各种预览方法后，作为总结，写了这个程序，跟大家一起分享。
上次写的简便无刷新文件上传系统最初的目的就是用来实现这个图片预览效果的。