解决方法
如果在上传之前只需要一个表单的图像预览,那么你(像我一样)会看到
JQuery上传插件太复杂了,并不是很容易正常运行(我可以看到预览,但是我不能上传图片).
http://saravani.wordpress.com/2012/03/14/preview-of-an-image-before-it-is-uploaded/
代码简单快捷.
我把代码放在这里,以免源码死亡:
脚本:
<!-- Assume jQuery is loaded --> <script> function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#img_prev') .attr('src',e.target.result) .width(150) .height(200); }; reader.readAsDataURL(input.files[0]); } } </script>
在HTML中:
<!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <input type='file' onchange="readURL(this);" /> <img id="img_prev" src="#" alt="your image" /> </body>