jquery 怎么获取上传图片宽度

http://blog.csdn.net/dante_k7/article/details/4397866
http://blog.sina.com.cn/s/blog_517bf84901009mji.html

有jquery的吗我已经写好了其他代码就差验证宽高的了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/text.css" rel="stylesheet" type="text/css" />
<link href="css/common.css" rel="stylesheet" type="text/css" />
<script src="Js/jquery-1.6.2.js" type="text/javascript"></script>
<script src="Js/text.js" type="text/javascript"></script>
</head><body>
<form action="web.php" method="post" id="form" enctype="multipart/form-data">
<ul class="weda">
     <li>
         <span class="f_l w_60">名称: </span>
            <input type="text" name="we_name" id="we_name" class="f_l" />
            <span id="wename_msg" class="f_l"></span>
        </li>
        <li>
         <span class="f_l w_60">网址: </span>
            <input type="text" name="we_web" id="we_web" class="f_l" />
            <span id="weweb_msg" class="f_l"></span>
        </li>
        <li>
         <span class="f_l w_60">类型: </span>
            <span id="type" class="sel"></span>
            <input type="hidden" id="we_type" name="we_type" />
            <span id="wety_list" class="selist">
                <a>IT</a>
                <a>娱乐</a>
                <a>商务</a>
            </span>
            <span id="wetype_msg" class="f_l"></span>
        </li>
        <li>
         <span class="f_l w_60">邮箱: </span>
            <input type="text" name="we_mail" id="we_mail" class="f_l" />
            <span id="wemail_msg" class="f_l"></span>
        </li>
        <li>
         <span class="f_l w_60">截图: </span>
            <input type="text" name="we_pic" id="we_pic" class="f_l w_70" />
            <span class="f_box"><input type="file" name="we_pic_310_250" id="we_pic_310_250" class="file" /></span>
            <span id="wepic_msg" class="f_l"></span>
        </li>
    </ul>

    <button type="button" id="webtn" >提交</button><span id="sub_msg"></span>
    </form></body>
</html>body{ font-size:12px; background:#fff; font-family:"宋体","Arial Narrow"}
body, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dt, dd{ margin:0; padding:0}
.f_l{ float:left}
.w_60{ width:60px}
.main{ width:500px; margin:100px auto 0}.weda{ width:500px; float:left}
.weda li{ width:500px; float:left; line-height:20px; padding:10px 0}.f_box{ width:65px; float:left; height:22px; margin-left:10px; overflow:hidden}
.file{ margin-left:-155px; height:20px}.sel{ width:70px; height:20px; float:left; line-height:20px; padding-left:10px; cursor:pointer; background:#F5F5F5}
.selist{ width:80px; float:left; position:absolute; display:none; background-color:#fff; margin:20px 0 0 -80px}
.selist a{ width:70px; line-height:26px; padding-left:10px; float:left; color:#666}
.selist a:hover{ background-color:#999; color:#fff; text-decoration:none}$(function () {
WedaEve()
})function WedaEve(){
var $webtn = $("#webtn");
var $we_name = $("#we_name");
var $we_web = $("#we_web");
var $we_type = $("#we_type");
var $we_mail = $("#we_mail");
var $we_pic = $("#we_pic");
var $we_pic_310_250 = $("#we_pic_310_250");
var $wename_msg = $("#wename_msg");
var $weweb_msg = $("#weweb_msg");
var $wetype_msg = $("#wetype_msg");
var $wemail_msg = $("#wemail_msg");
var $wepic_msg = $("#wepic_msg");
var $sub_msg = $("#sub_msg");
var $form = $("#form");

$webtn.click(function(e,index){
var we_name=$we_name.val();
var we_web=$we_web.val();
var we_type=$we_type.val();
var we_mail=$we_mail.val();
var we_pic_310_250=$we_pic_310_250.val();

if(name_va(we_name) && web_va(we_web) && mail_va(we_mail) && name_va(we_type) && file_va(we_pic_310_250) && img_va()){
$form.submit();
}else{
if(!name_va(we_name)){
$wename_msg.text("请输入正确的网站名称")
}
if(!web_va(we_web)){
$weweb_msg.text("请输入正确的网址")
}
if(!mail_va(we_mail)){
$wemail_msg.text("请输入正确的邮箱")
}
if(!name_va(we_type)){
$wetype_msg.text("请选择网站类型")
}
if(!file_va(we_pic_310_250)){
$wepic_msg.text("请上传正确的图片")
}

}
})
$(document).mouseup(function(e){
        $sub_msg.text("");
$wename_msg.text("");
$weweb_msg.text("");
$wemail_msg.text("");
$wetype_msg.text("");
$wepic_msg.text("");
    });

function name_va(na){
var patten = new RegExp("^(?!_)(?!.*?_$)[a-zA-Z0-9_\u4e00-\u9fa5]+$");
return patten.test(na);
}

function web_va(we){
var patten = new RegExp("http(s)?://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$");
return patten.test(we);
}

function mail_va(ma){
var patten = new RegExp("^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$");
return patten.test(ma);
}

function file_va(fi){
var patten = new RegExp("(.jpg|.jpeg|.png|.JPG|.JPEG|.PNG)$");
return patten.test(fi);
}

function img_va(){
var img=null;
if(img)img.removeNode(true);
img=document.createElement("img");
img.style.position="absolute";
img.style.visibility="hidden";
document.body.insertAdjacentElement("beforeend",img);
img.src=we_pic_310_250.value;

if(img.offsetWidth == 310 && img.offsetHeight == 250){
return true
}else{
return false
}
}}
验证图片宽度的img_va() 单独拿出来就行放在里面就不行

还有个下拉列表function SelEve(){
var $type = $("#type");
var $we_type = $("#we_type");
var $wety_list = $("#wety_list");
var $wety_list_a = $("#wety_list a");
//下拉列表
$type.click(function(e,index){
$wety_list.show();
});
$(document).mouseup(function(e){
$wety_list.hide();
});

$wety_list_a.click(function(){
var wety_text = $(this).html();
$type.html(wety_text);
$we_type.val(wety_text);
$wety_list_a.parent().hide();
})
}

调试易

jquery 怎么获取上传图片宽度

解决方案 »

jquery 怎么获取 上传 图片宽度

解决方案 »

jquery 怎么获取上传图片宽度