<del id="d4fwx"><form id="d4fwx"></form></del>
      <del id="d4fwx"><form id="d4fwx"></form></del><del id="d4fwx"><form id="d4fwx"></form></del>
      

          

            <code id="d4fwx"><abbr id="d4fwx"></abbr></code>
            • 

            
    

            



            

    
            
        
            
            
            ：那個file按鈕樣式先忽略點擊選擇圖片（上）
            
            
            2023-11-24    分類：
                                    網站建設               
            
        
            
        
            
			
            先上傳效果圖：
            先忽略文件按鈕樣式
            點擊選擇圖片（瀏覽）jquery+php頭像上傳預覽代碼，隨機選擇一張圖片
            js代碼如下
            //上傳圖片立即預覽
 function previewImage(imgFile) {
  var filextension = imgFile.value.substring(imgFile.value
    .lastIndexOf("."), imgFile.value.length);
  filextension = filextension.toLowerCase();
  if ((filextension != '.jpg') && (filextension != '.gif')
    && (filextension != '.jpeg') && (filextension != '.png')
    && (filextension != '.bmp')) {
   alert("對不起，系統(tǒng)僅支持標準格式的照片，請您調整格式后重新上傳，謝謝 !");
   imgFile.focus();
  } else {
   var path;
   if (document.all)//IE
   {
    imgFile.select();
    path = document.selection.createRange().text;
    document.getElementbyId("photo_info").innerHTML = "";
    document.getElementbyId("photo_info").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\""
      + path + "\")";//使用濾鏡效果  
   } else//FF
   {
    path = window.URL.createObjectURL(imgFile.files[0]);// FF 7.0以上
    //path = imgFile.files[0].getAsDataURL();// FF 3.0
    document.getElementbyId("photo_info").innerHTML = "";
    //document.getElementbyId("img1").src = path;
   }
  }
 }

            html 代碼其實并不重要
            
       
       
            
         選擇圖片