JS簡單實現(xiàn)文件上傳實例代碼（無需插件）
更新時間：2013年11月15日 09:23:16 作者：
注意一下：在chrome瀏覽器下，為了數(shù)據(jù)安全，隱藏的input：file不能trigger “click” 事件。 所以要設置input：file的透明度達到隱藏的效果
復制代碼 代碼如下:
<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” 事件。 所以要設置input：file的透明度達到隱藏的效果。
2、在ie6,7下input file文件不支持onchange事件，所以在此瀏覽器下我還是用<input type="file" value="" />
相關文章
這篇文章主要為大家介紹了服務端渲染nextjs項目接入經(jīng)驗總結分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-11-11
Bootstrap3 input輸入框插入glyphicon圖標的方法
這篇文章主要介紹了Bootstrap3 input輸入框插入glyphicon圖標的方法的相關資料,需要的朋友可以參考下2016-05-05
這篇文章主要為大家介紹了微信APP生命周期及頁面生命周期當然示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步早日升職加薪2022-04-04
微信小程序開發(fā)之a(chǎn)nimation循環(huán)動畫實現(xiàn)的讓云朵飄效果
這篇文章主要介紹了微信小程序開發(fā)之a(chǎn)nimation循環(huán)動畫實現(xiàn)的讓云朵飄效果,結合實例形式分析了animation結合js時間函數(shù)實現(xiàn)循環(huán)動畫效果的具體步驟與相關操作技巧,需要的朋友可以參考下2017-07-07
這篇文章主要介紹了JavaScript設計模式之享元模式,結合實例形式較為詳細的分析了javascript享元模式相關概念、原理、用法及操作注意事項,需要的朋友可以參考下2019-01-01
下面小編就為大家?guī)硪黄猨s基礎之DOM中document對象的常用屬性方法詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
javascript通過元素id和name直接取得元素的方法
這篇文章主要介紹了javascript通過元素id和name直接取得元素的方法,涉及javascript獲取元素的相關技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
bootstrap datetimepicker實現(xiàn)秒鐘選擇下拉框
這篇文章主要為大家詳細介紹了bootstrap datetimepicker添加秒鐘選擇下拉框的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
在Threejs中類似于我們現(xiàn)實世界,物體顯示的顏色是由物體本身的顏色及光照的顏色相互疊加而得到的,這篇文章主要給大家介紹了關于threejs太陽光與陰影效果的相關資料,需要的朋友可以參考下2022-04-04
這篇文章主要介紹了thinkjs之頁面跳轉同步異步操作,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02