js 图片上传预览问题

JS+FLASH，网上有相关的代码。

解决方案 »

  1.   

    我怎么判断上传图片不能超过200k？怎么兼容IE7
    我做个只能支持在IE6以下版本浏览器
      

  2.   

    我用的perl 
    在form表单的perl的页面上面加上:
    $CGI::POST_MAX=1024 * 1024 * 100;
    就可以了。
    另外还看到了js的代码：
    网址为：http://www.blogjava.net/alex/archive/2007/01/25/96004.html
    <html>  
    <input type="file" name="file1" onchange="ShowSize(this.value)">  
    <script language="JavaScript">  
    <!--  
    function ShowSize(files)  
    {  
      var fso,f;  
      fso=new ActiveXObject("Scripting.FileSystemObject");  
      f=fso.GetFile(files);
      var mySize = f.size/1024;
      alert(mySize+" K ");  
    }  
    //-->  
    </script>  
    </html>
      

  3.   

    JS判断不了文件大小的，除非用ActiveXObject，但是这又不能浏览器兼容了。综上，无解
      

  4.   

    <script language="javascript"> 
    var img=null; 
    function s() 
    { 
    if(img)img.removeNode(true); 
    img=document.createElement("img"); 
    img.style.position="absolute"; 
    img.style.visibility="hidden"; 
    img.attachEvent("onreadystatechange",orsc); 
    img.attachEvent("onerror",oe); 
    document.body.insertAdjacentElement("beforeend",img); 
    img.src=document.product.FilePath.value; 
    } 
    function oe() 
    { 
    alert("上传图片类型为:GIF、JPEG/JPG、BMP"); 
    } 
    function orsc() 
    { 
    if(img.readyState!="complete")return false; 
    else 
    alert(img.fileSize) 
    } 
    </script> 
    </head> <body leftmargin="0" topmargin="0"> 
    上传图片<input type=file name="FilePath" size=8 onpropertychange="return s();">
      

  5.   

    firefox 下,你怎么获取图片大小
      

  6.   

    人家要IE,FF 下啊
      

  7.   

    <!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=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function preview(imgFile,num)
    {  
        //预览代码，支持 IE6、IE7。
        var newPreview = document.getElementById("preview"+num);
        newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
    if(num>1){
    newPreview.style.width=230;
    newPreview.style.height=130;
    }
    else{
        newPreview.style.width = "108px";
        newPreview.style.height = "130px";}
    }
    function picdelete(what,num) {
    what.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src="../images/ebook/01.jpg";
    var file=document.getElementById("pic"+num);
    file.outerHTML = file.outerHTML.replace(/value=\w/g,"");
    }
    </script>
    </head>
    <body>
    <input type="file" name="pic1" id="pic1"  onchange="preview(this,1)" size="50" />
    <div id="preview1" style="border:1px solid #FFCC00; width:108px; height:130px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); background:url(images/ebook/01.jpg) no-repeat" onclick="picdelete(this,1)"></div>
    </body>
    </html>