<!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实现源码(兼容所有浏览器)