<span class="up-btn" id="selectFile">請選擇文件</span>
<input type="file" name="fileupload" style="FILTER: alpha(opacity=0); moz-opacity: 0; opacity: 0;" />

// 點(diǎn)擊#selectFile觸發(fā)input:file的click事件

復(fù)制代碼代碼如下:

jQuery('#selectFile').live('click',function(){
  var ie = !-[1,]; 
  if(ie){
   jQuery('input:file').trigger('click').trigger('change');
  }else{
   jQuery('input:file').trigger('click');
  }

 });

選中文件要觸發(fā)的事件

復(fù)制代碼代碼如下:

 jQuery('input:file').change(function(){
  //dosomthing
 }); 

注意事項(xiàng)：

1、在chrome瀏覽器下，為了數(shù)據(jù)安全，隱藏的input：file不能trigger “click” 事件。所以要設(shè)置input：file的透明度達(dá)到隱藏的效果。

2、在ie6,7下input file文件不支持onchange事件，所以在此瀏覽器下我還是用<input type="file" value="" />

您可能感興趣的文章:

相關(guān)文章

服務(wù)端渲染nextjs項(xiàng)目接入經(jīng)驗(yàn)總結(jié)分析
這篇文章主要為大家介紹了服務(wù)端渲染nextjs項(xiàng)目接入經(jīng)驗(yàn)總結(jié)分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-11-11
Bootstrap3 input輸入框插入glyphicon圖標(biāo)的方法
這篇文章主要介紹了Bootstrap3 input輸入框插入glyphicon圖標(biāo)的方法的相關(guān)資料,需要的朋友可以參考下
2016-05-05
微信APP生命周期及頁面生命周期示例詳解
這篇文章主要為大家介紹了微信APP生命周期及頁面生命周期當(dāng)然示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步早日升職加薪
2022-04-04
微信小程序開發(fā)之a(chǎn)nimation循環(huán)動畫實(shí)現(xiàn)的讓云朵飄效果
這篇文章主要介紹了微信小程序開發(fā)之a(chǎn)nimation循環(huán)動畫實(shí)現(xiàn)的讓云朵飄效果,結(jié)合實(shí)例形式分析了animation結(jié)合js時(shí)間函數(shù)實(shí)現(xiàn)循環(huán)動畫效果的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下
2017-07-07
JavaScript設(shè)計(jì)模式之享元模式實(shí)例詳解
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之享元模式,結(jié)合實(shí)例形式較為詳細(xì)的分析了javascript享元模式相關(guān)概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下
2019-01-01
js基礎(chǔ)之DOM中document對象的常用屬性方法詳解
下面小編就為大家?guī)硪黄猨s基礎(chǔ)之DOM中document對象的常用屬性方法詳解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-10-10
javascript通過元素id和name直接取得元素的方法
這篇文章主要介紹了javascript通過元素id和name直接取得元素的方法,涉及javascript獲取元素的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-04-04
bootstrap datetimepicker實(shí)現(xiàn)秒鐘選擇下拉框
這篇文章主要為大家詳細(xì)介紹了bootstrap datetimepicker添加秒鐘選擇下拉框的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
threejs太陽光與陰影效果實(shí)例代碼
在Threejs中類似于我們現(xiàn)實(shí)世界,物體顯示的顏色是由物體本身的顏色及光照的顏色相互疊加而得到的,這篇文章主要給大家介紹了關(guān)于threejs太陽光與陰影效果的相關(guān)資料,需要的朋友可以參考下
2022-04-04
thinkjs之頁面跳轉(zhuǎn)同步異步操作
這篇文章主要介紹了thinkjs之頁面跳轉(zhuǎn)同步異步操作,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-02-02