zoukankan      html  css  js  c++  java
  • c#.net&js web开发中常用代码

    一:checkbox全选以及反选:

    特殊

    二:上传文件时显示缩略图

    <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;
         }
         ImgD.alt
    =image.width+"×"+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;
         }
         ImgD.alt
    =image.width+"×"+image.height;
         }
        }
       
    /**//*else{
        ImgD.src="";
        ImgD.alt=""
        }
    */
       } 

    function FileChange(Value){
    flag
    =false;
    document.all.uploadimage.width
    =10;
    document.all.uploadimage.height
    =10;
    document.all.uploadimage.alt
    ="";
    document.all.uploadimage.src
    =Value;
    }

    function BeforeUpLoad(){
    if(flag) alert("OK");else alert("FAIL");
    }
        
    </script>

        
    <input style=" 143px; height: 18px" type="file" size="8" name="pic" onchange="javascript:FileChange(this.value);">
        
    <img id="uploadimage" height="10" width="10" src="" onload="javascript:DrawImage(this);"><br>
        
    <button onclick="javascript:BeforeUpLoad();">
            提交
    </button>
  • 相关阅读:
    python_day10 线程
    python_day9 回调函数
    python_day9 进程池
    python_day9 共享数据
    python-day9 队列
    python_day9 其他方法和属性
    python_day9 多进程socket
    原生js实现ajax 发送post请求/原生JS封装Ajax插件(同域、jsonp跨域)
    css设置时父元素随子元素margin值移动
    zepto默认的webkit和zepto不兼容
  • 原文地址:https://www.cnblogs.com/zhangsir/p/1265429.html
Copyright © 2011-2022 走看看