javascript上传并限制图片大小

最新推荐文章于 2022-06-21 11:24:07 发布

alice_0418

最新推荐文章于 2022-06-21 11:24:07 发布

阅读量539

点赞数

文章标签： javascript function border file delete input

window.οnlοad=function (){
RadioClick("file")
}
// 图片来源单选点击事件
function RadioClick(what){
if (what=="url"){                     //选择远程获取
thisform.button.disabled=true;
thisform.button.value="・远程获取・";
thisform.wang1.disabled=false;        //远程获取输入框可用
thisform.wang.checked=true;           //远程获取Radio 点上
document.all.file.select();
document.execCommand("Delete");       //清除浏览框的数据
document.getElementById("err_msg").innerHTML=""
document.getElementById("ErrMsg").innerHTML=""
thisform.shang1.disabled=true;        //使浏览框不可用
    thisform.action="upfile.asp?act=ychq"
    thisform.encoding="application/x-www-form-urlencoded";
FileChange();

}else{
thisform.button.disabled=true;
thisform.shang1.disabled=false;
thisform.shang.checked=true;
thisform.button.value="・开始上传・";
document.all.file1.select();
document.execCommand("Delete");       //清除浏览框的数据
document.thisform.file1.value='';
document.getElementById("err_msg").innerHTML=""
document.getElementById("ErrMsg").innerHTML=""
thisform.wang1.disabled=true;
thisform.action="upfile.asp"
    thisform.encoding="multipart/form-data";
}
}
-->
</script>

if(AllowImgWidth!=0&&AllowImgWidth<this.width ||AllowImgHeight!=0&&AllowImgHeight<this.height ||AllowImgFileSize!=0&&AllowImgFileSize*1024<this.fileSize )
   {
   document.all.file1.select();
   document.execCommand("Delete");
   Obj.outerHTML=Obj.outerHTML;
   document.getElementById("ErrMsg").innerHTML="/n图片不要超过<font color=red>"+AllowImgFileSize+"</font>KB。<font color=red>"+AllowImgWidth+"</font>X<font color=red>"+AllowImgHeight+"</font>"
    thisform.button.disabled=true;

}
else{
document.getElementById("ErrMsg").innerHTML=""
document.all.err_msg.style.display='';

}
};

tempImg.src=Obj.value;
}

function up(){
if(thisform.button.disabled) event.returnValue=false;
}

</script>
<script language="JavaScript">
var flag=false;
function DrawImage(ImgD){
   var image=new Image();
   image.src=ImgD.src;
   if(image.width>0 && image.height>0){
    flag=true;
    if(image.width/image.height>= 120/80){
     if(image.width>120){
     ImgD.width=120;
     ImgD.height=(image.height*120)/image.width;
     }else{
     ImgD.width=image.width;
     ImgD.height=image.height;
     }
     }
    else{
     if(image.height>80){
     ImgD.height=80;
     ImgD.width=(image.width*80)/image.height;
     }else{
     ImgD.width=image.width;
     ImgD.height=image.height;
     }
     }
    }

}

<body topmargin="0"style="border:0px;" scroll="no">
<form name="thisform" method="post" οnsubmit="javascript:up();">
<div id="esave" style="position:absolute; top:18px; left:40px; z-index:10; visibility:hidden">
<table width="340" border="0" cellspacing="0" cellpadding="0">
   <tr>
    <td width="20%"></td>
    <td bgcolor="#104A7B" width="60%">
    <table width="100%" height="120" border="0" cellspacing="1" cellpadding="0">
     <tr>
      <td bgcolor="#eeeeee" align="center"><marquee align="middle" behavior="alternate" scrollamount="5"><font color="#FF0000">...图片上传中...请等待...</font></marquee></td>
     </tr>
    </table>
    </td>
    <td width="20%"></td>
   </tr>
</table>
</div>
<table width="400" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
   <td height="22" align="center" width="400">
   <fieldset style="width: 384; height: 60">
   <legend><font color="#FF0000">图片来源</font></legend>
   <table border="0" cellpadding="0" cellspacing="0" width="380">
    <tr>
     <td οnclick="RadioClick('file')">
     <input type="radio" id="shang" value="sc" name="lb" οnclick="RadioClick('file')">本地上传: </td>
     <td>
     <input type="file" id="shang1" name="file" style="width:280'"contentEditable=false class="an3" value size="20" disabled onpropertychange="javascript:load(this);" οnchange="javascript:FileChange(this.value);">
     </td>
    </tr>
    <tr>
     <td οnclick="RadioClick('url')">
     <input type="radio" id="wang" value="wl" name="lb" οnclick="RadioClick('url')">远程获取:</td>
     <td><input type="file" name="file1" id="wang1" style="width:280px" size="20" disabled class="an3" onpropertychange="javascript:load(this);"></td>
    </tr>
   </table>
   </fieldset></td>
</tr>
<tr align="center" valign="middle">
   <td height="80" width="400">
   <fieldset style=" height: 80">
   <table border="0" width="100%" cellspacing="0" cellpadding="0">
   <tr>
   <td width=150 align="center"><img id="uploadimage" height="0" width="0" src οnlοad="javascript:DrawImage(this);"></td>
   <td width=250 align="left">
   <div id="err_msg" ></div>
   <div id="ErrMsg" ></div>
   </td>
   </tr>
   </table>
   </fieldset>
   </td>
</tr>
<tr align="center" valign="middle">
   <td height="24" width="400">
   <input type="submit" name="button" value disabled class="an1" οnclick="javascript:mysub()">
   </td>
</tr>
</table>
</form>

</body>

alice_0418

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript上传并限制图片大小

图片上传window.focus();window.onload=function (){ RadioClick("file")}// 图片来源单选点击事件function RadioClick(what){ if (what=="url"){ //选择远程获取 thisform.bu
复制链接

扫一扫