如果你的浏览器支持Html5的FileReader的话，实现图片上传前进行预览是一件非常容易之事情。
在控制器，创建一个视图Action:
jQuery代码：
实时演示一下：
下面内容于2014-11-25 15:25分更新：
测试于Firefox:
下面使用Google的Chrome测试：
相关文章
- 03-09.net core实现单文件上传、多文件上传、js提交实现文件上传、图片预览
- 03-09HTML5+JS实现简单的图片上传预览
- 03-09利用canvas实现本地上传图片并预览
- 03-09通过fileReader实现图片的实时预览
- 03-09使用html5原生js对象FileReader+jQuery ajax实现文件上传并显示上传进度关键代码（兼容IE9、IE10、IE11）
- 03-09angularjs 实现多个图片上传及预览
- 03-09HTML5上传图片并预览
- 03-09JS实现图片上传预览效果
- 03-09H5实现多图片预览上传，可点击可拖拽控件介绍
- 03-09基于“formData批量上传的多种实现” 的多图片预览、上传的多种实现