1、先准备一个div
onchange触发事件
<input type="file" onchange="preview(this)" ></span> <div id="preview"></div>
2、写JS代码
//上传图片之前预览图片
function preview(file){
if (file.files && file.files[0]){
var reader = new FileReader();
reader.onload = function(evt){
$("#preview").html('<img src="' + evt.target.result + '" width="95px" height="50px" />');
}
reader.readAsDataURL(file.files[0]);
}else{
$("#preview").html('<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='' + file.value + ''"></div>');
}
}
以上这篇JQ图片文件上传之前预览功能的简单实例(分享)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持积木网。
jQuery除指定区域外点击任何地方隐藏DIV功能
具体代码如下所示：$('body').click(function(e){vartarget=$(e.target);//如果#overlay或者#btn下面还有子元素，可使用//!target.is('#btn*')&&!target.is('#overlay*')if(!target.is('#bt
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
做项目的时候有这么一个需求，客户信息显示出来后我要搜索查找相关的客户，并把相关的客户信息全部显示出来，因为一个客户全部信息我写在一个di
基于jQuery实现定位导航位置效果
本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下当滚动条滚动到内容区域的时候，侧边导航条定位到屏幕，不再动