隨筆 - 147  文章 - 71  trackbacks - 0
          <2009年7月>
          2829301234
          567891011
          12131415161718
          19202122232425
          2627282930311
          2345678

          常用鏈接

          留言簿(1)

          隨筆分類(146)

          隨筆檔案(147)

          文章分類(28)

          文章檔案(28)

          喜歡的Blog

          搜索

          •  

          最新評(píng)論

          閱讀排行榜

          評(píng)論排行榜

          <script type="text/javascript">
          // 預(yù)覽圖片
          function showimg() {
              document.form1.myimg.src 
          = document.form1.filename.value;
          }


          // 清空input type=file的value值
          function refreshUploader(who) {
              
          var who2 = who.cloneNode(false);
              who2.onchange 
          = who.onchange;// events are not cloned
              who.parentNode.replaceChild(who2, who);
          }


          // 把file文件上傳域清空
          function reset_file(){
              document.form1.filename.select();
              document.selection.clear();
              refreshUploader(document.form1.filename);
              setTimeout('showimg()', 
          500);
          }


          // 讀取上傳文件的后綴名
          function Check_FileType() {
              
          var str = document.form1.filename.value;
              
          var pos = str.lastIndexOf(".");
              
          var lastname = str.substring(pos, str.length) // 此處文件后綴名也可用數(shù)組方式獲得str.split(".")
              if (lastname.toLowerCase() != ".jpg"{
                  alert(
          "您上傳的文件類型為" + lastname + ",圖片必須為.jpg類型");
                  reset_file();
                  
          return false;
              }
           else {
                  
          //判斷圖片尺寸
                  var img=null;
                  img
          =document.createElement("img");
                  document.body.insertAdjacentElement(
          "beforeend",img);
                  img.style.visibility
          ="hidden"
                  img.src
          =str;
                  
          var imgwidth=img.offsetWidth;
                  
          var imgheight=img.offsetHeight;
                  
          if(imgwidth>600 || imgheight>800){
                      alert(
          "圖片不符合規(guī)格!");
                      reset_file();
                      
          return false;
                  }

                  
          if(imgwidth>600 || imgheight>800){
                      alert(
          "圖片不符合規(guī)格!");
                      reset_file();
                      
          return false;
                  }

                  setTimeout('showimg()', 
          500);
                  
          return true;
              }

          }

          </script>

          <form method="post" action="" name="form1">
          <input name="filename" type="file"onchange="return Check_FileType()">
          <img name="myimg" src="" border="0">
          </form>
          posted on 2009-07-26 20:05 飛翔天使 閱讀(236) 評(píng)論(0)  編輯  收藏 所屬分類: javascript
          主站蜘蛛池模板: 康乐县| 阿克苏市| 大连市| 南岸区| 比如县| 日照市| 山东省| 锡林郭勒盟| 独山县| 桂东县| 肥西县| 文山县| 邵武市| 兴隆县| 大理市| 青阳县| 西和县| 射阳县| 洱源县| 文成县| 彭州市| 晋城| 鸡西市| 吉安县| 河源市| 镇坪县| 酒泉市| 博野县| 广平县| 桃园县| 城固县| 易门县| 盐亭县| 大足县| 荣昌县| 南昌市| 漾濞| 普兰县| 灯塔市| 安顺市| 怀化市|