跟着我来肢解Discuz! 解剖Discuz! 分析Discuz! 研究Discuz! 实习主刀:Cos.X

完成一段非常牛B的上传图片客户端验证

上一篇 / 下一篇  2007-11-08 13:45:41 / 个人分类:JavaScript

作者:cos.x@msn.com

<script>
function tf_upok(str){
 window.dialogArguments.<?php echo $_SERVER['QUERY_STRING'] ?>.value=str;
 window.close();
}
function checkImg(it){
 if(it.readyState!='complete') return;

 var size = it.fileSize/1024;
 var reg = /\.jpg$|\.gif$/i;
 
 if(size>200){
  alert('您选择的图片大小是:'+size+'K\n超出了系统的上传限制:200K');
  document.getElementById('file').select();
  document.execCommand('delete');
 }else if(!reg.test(it.src)){
  alert('您选择的图片'+it.src+'\n不是系统所允许的gif和jpg后缀名');
  document.getElementById('file').select();
  document.execCommand('delete');
 }
}
function checkImg2(){
 alert('您选择的文件不是正常的图片类型');
 document.getElementById('file').select();
 document.execCommand('delete');
}
</script>
<iframe. name="tf_iframe" style="display:none"></iframe>
<table><form. action="?act=upload" method="post" enctype="multipart/form-data" target="tf_iframe">
 <tr>
  <td><input type="file" name="file" nchange="img.src = this.value" id="file" />
  <input name="submit" type="submit" value="上传" /></td>
 </tr>
 <tr>
  <td style="font-size:10pt">只允许上传200K,GIF或JPG格式图片</td>
 </tr></form>
</table>
<img id="img" style="width:0;height:0" nReadyStateChange="checkImg(this)" nError="checkImg2()" />


TAG:

 

评分:0

我来说两句

显示全部

:loveliness: :handshake :victory: :funk: :time: :kiss: :call: :hug: :lol :'( :Q :L ;P :$ :P :o :@ :D :( :)

Open Toolbar