關於input的file框onchange事件觸發一次失效的新的解決方法

在google了衆多方法後,網上有這麼幾種方法:

1、替換掉原來的input框

2、remove原來的input框,然後在添加進新的一樣的input框

但是不知道爲什麼非常不幸的是,怎麼弄我都弄不出。。

後來我腦袋突然閃過一個靈感,我在觸發了一次onchange事件後,他沒反應,是不是onchange事件沒有綁定,後來發現我的推測是正確的,然後我就重新給他綁定了一個onchange事件,測試通過!!!

問題解決!!

  1. function ajaxImgUp(){ 
  2.                      
  3.                     loading(); 
  4.                      
  5.                      
  6.                     $.ajaxFileUpload({ 
  7.                  
  8.                             url:'__URL__/ajaxShowImg'//你處理上傳文件的服務端 
  9.                             secureuri:false
  10.                             fileElementId:'img'
  11.                             dataType: 'json'
  12.                             //data:{name:'logan', id:'id'},//通過post的方式以$_POST[**]來取值 
  13.                             success: function (data){ 
  14.                                 $('#mes').html(data.mes).show(); 
  15.                                 $('#img_pos').attr('src','__PUBLIC__/upload/b_'+data.savename); 
  16.                                 $("#img_name").val(data.savename); 
  17.                                  
  18.                                  
  19.                                 if(data.flag){ 
  20.                                     $('#img_tr').show(); 
  21.                                 } 
  22.                                 loading(); 
  23.  
  24.                                
  25.                                 $('#img').on('change'function (){ 
  26.                                     alert(':'); 
  27.                                     return ajaxImgUp(); 
  28.                                 }); 
  29.                             } 
  30.                     }); 
  31.  
  32.                     return false
  33.  
  34.                      
  35.                  }  
  36.  
  37.                 function loading(){ 
  38.                     $('#img_span').toggle(); 
  39.              
  40.                     $('#loading').toggle(); 
  41.                      
  42.                 } 
  43.                  
  44.                 $('#img').on('change'function (){ 
  45.                      
  46.                     return ajaxImgUp(); 
  47.                 }); 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章