JS簡單實現(xiàn)文件上傳實例代碼(無需插件)
<span class="up-btn" id="selectFile">請選擇文件</span>
<input type="file" name="fileupload" style="FILTER: alpha(opacity=0); moz-opacity: 0; opacity: 0;" />
// 點擊#selectFile觸發(fā)input:file的click事件
jQuery('#selectFile').live('click',function(){
var ie = !-[1,];
if(ie){
jQuery('input:file').trigger('click').trigger('change');
}else{
jQuery('input:file').trigger('click');
}
});
選中文件要觸發(fā)的事件
jQuery('input:file').change(function(){
//dosomthing
});
注意事項:
1、在chrome瀏覽器下,為了數(shù)據(jù)安全,隱藏的input:file不能trigger “click” 事件。 所以要設(shè)置input:file的透明度達到隱藏的效果。
2、在ie6,7下input file文件不支持onchange事件,所以在此瀏覽器下我還是用<input type="file" value="" />
相關(guān)文章
服務(wù)端渲染nextjs項目接入經(jīng)驗總結(jié)分析
這篇文章主要為大家介紹了服務(wù)端渲染nextjs項目接入經(jīng)驗總結(jié)分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-11-11Bootstrap3 input輸入框插入glyphicon圖標的方法
這篇文章主要介紹了Bootstrap3 input輸入框插入glyphicon圖標的方法的相關(guān)資料,需要的朋友可以參考下2016-05-05微信小程序開發(fā)之a(chǎn)nimation循環(huán)動畫實現(xiàn)的讓云朵飄效果
這篇文章主要介紹了微信小程序開發(fā)之a(chǎn)nimation循環(huán)動畫實現(xiàn)的讓云朵飄效果,結(jié)合實例形式分析了animation結(jié)合js時間函數(shù)實現(xiàn)循環(huán)動畫效果的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-07-07js基礎(chǔ)之DOM中document對象的常用屬性方法詳解
下面小編就為大家?guī)硪黄猨s基礎(chǔ)之DOM中document對象的常用屬性方法詳解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-10javascript通過元素id和name直接取得元素的方法
這篇文章主要介紹了javascript通過元素id和name直接取得元素的方法,涉及javascript獲取元素的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04bootstrap datetimepicker實現(xiàn)秒鐘選擇下拉框
這篇文章主要為大家詳細介紹了bootstrap datetimepicker添加秒鐘選擇下拉框的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-01-01