<!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <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> <meta charset=utf-8 /> <title>JS Bin</title> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style> article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; } </style> </head> <body> <input type='file' onchange="readURL(this);" /> <img id="img_prev" src="#" alt="your image" /> </body> </html>
更多内容 请参考我的个人博客 http://ismartstudio.com/
相关推荐
jquery实现选择图片预览功能,能兼容各大主流浏览器.如谷歌 IE 360 火狐等
实用JS,jQuery实现上传图片的预览功能,可以跟随鼠标移动
使用 jQuery插件实现简单的图片预览功能
jquery实现图片即时上传,兼容多种浏览器,实现功能强大,代码简单,值得分析学习。
jquery实现PDF在线预览 jquery实现在线预览PDF文档
Jquery-JS图片上传预览 无浏览器限制(已测试:火狐,谷歌。IE都可以)
jquery实现图片代替滚动条效果,兼容当前主流浏览器。
基于Jquery实现的图片预览插件,支持图片手动和鼠标滚轮滑动放大缩小、支持图片旋转转和多图片切换、支持图片分组预览,下载后即可快速使用。
1、JQuery图片拖动排序兼容各种浏览器 2、采用流体布局自动排版
JQuery 弹出层 可拖动 透明 兼容各种浏览器,值得收藏,以利后用。
uploadify jquery图片异步上传兼容所有浏览器
jquery做的立即图片预览功能
jQuery实现的图片放大并预览效果,可以进行一组图片的预览和单张图片的预览
一、图片上传实现本地预览 由于上传图片功能,现在大多数都需要在本地实现预览,为了能够更好的让用户体验到效果,实现成品的证明,需要兼容好几种浏览器,所有通过各个例子整合了这个例子插件,兼容火狐、谷歌、ie8...
Jquery返回顶部代码,兼容各种浏览器,使用简单。直接页面加链接。
jQuery php图片上传预览插件_头像上传预览代码
在网上找了好久都没有一个好的图片上传组建,于是我自己弄了一个, 功能非常 强大。而且最终要的是 能够显示缩略图,一次上传多张,生成缩略图,按比例缩放。...而且能够兼容时下的各种浏览器。 Jquery
jQuery实现图片上传预览 支持ie69.zip
jQuery placeholder实现源码(兼容所有浏览器)