<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<script type="text/javascript" src="http://www.cssrain.cn/demo/JQuery+API/jquery-1[1].2.1.pack.js"></script>
<script language="javascript">
$(function(){
var ei = $("#large");
ei.hide();
$("#img1, img").mousemove(function(e){
ei.css({top:e.pageY,left:e.pageX}).html('<img style="border:1px solid gray;" src="' + this.src + '" />').show();
}).mouseout( function(){
ei.hide();
})
$("#f1").change(function(){
$("#img1").attr("src","file:///"+$("#f1").val());
})
});
</script>
<style type="text/css">
#large{position:absolute;display:none;z-index:999;}
</style>
</head>
<body>
上传预览图片:<br>
<input id="f1" name="f1" type="file" /><br>
<img id="img1" width="120" height="60" src="http://www.cssrain.cn/skins/tim/logo-jq.gif">
<div id="large"></div>
<br><br><br><br><br><br>
鼠标滑过预览图片:<br>
<img width="120" height="60" src="http://www.cssrain.cn/skins/tim/logo-jq.gif"><br>
<img width="120" height="60" src="http://www.cssrain.cn/demo/JQuery+API/logo-json.gif"><br>
</body>
</html>
资源来自:
http://www.cssrain.cn/article.asp?id=538
分享到：
相关推荐
jquery文档预览功能查看，有例子，一看就秒懂
jquery实现PDF在线预览 jquery实现在线预览PDF文档
实用JS，jQuery实现上传图片的预览功能，可以跟随鼠标移动
jQuery支持预览多个文件_多张图片批量上传插件jQuery支持预览多个文件_多张图片批量上传插件jQuery支持预览多个文件_多张图片批量上传插件
jQuery图片预览，内有单张图片预览，多张图片预览，json数据时的预览
使用 jQuery插件实现简单的图片预览功能
使用jquery 预览图片并实现无刷新上传 使用了jquery.ajaxfileupload.js插件实现无刷新上传
JQUERY上传图片预览，简单实用，对于上传一张照片的应用程序有很大帮助
jquery 打印预览 轻松实现效果最好的打印预览附有源码
jquery 上传图片前预览，就只是一个JS文件，使用也简单 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head > 图片...
jquery media在线预览pdf文件插件例子jquery media在线预览pdf文件插件例子
兼容火狐和ie 说明：图片上传预览插件 上传的时候可以生成固定宽高范围内的等比例缩放图
jQuery PHP头像上传预览代码是一款简洁实用的jQuery图片上传预览插件，支持单图上传预览，多图上传预览，可以对已经上传的图片进行编辑和删除。
jQuery php图片上传预览插件_头像上传预览代码
jquery图片上传预览插件，通过 IE6、7、8、9 , chrome, firefox测试，测试时采用的是jquery1.7.1，未经过其它jquery版本测试。 使用时，您可以根据需要，随意修改！
NULL 博文链接：https://jyangzi5.iteye.com/blog/2000451
jquery图片上传预览插件，通过 IE6、7、8、9 , chrome, firefox测试 测试时采用的是jquery1.7.1，未经过其它jquery版本测试。 使用时，您可以根据需要，随意修改！ --------------------------------- =====更新...
jQuery带预览可拖拽文件上传代码是一款支持AJAX，支持多文件上传，可控制上的文件格式和文件大小，提供各种回调函数。
转载JQuery.txt转载JQuery.txt转载JQuery.txt转载JQuery.txt转载JQuery.txt