如果你的浏览器支持Html5的FileReader的话,实现图片上传前进行预览是一件非常容易之事情。

在控制器,创建一个视图Action:
HTML5 FileReader实现图片上传前预览-LMLPHP

jQuery代码:
HTML5 FileReader实现图片上传前预览-LMLPHP

实时演示一下:
HTML5 FileReader实现图片上传前预览-LMLPHP

下面内容于2014-11-25 15:25分更新:
测试于Firefox:
HTML5 FileReader实现图片上传前预览-LMLPHP

下面使用Google的Chrome测试:
HTML5 FileReader实现图片上传前预览-LMLPHP

04-26 23:20