ホームページ  >  記事  >  ウェブフロントエンド  >  ファイルアップロードのJS簡単実装サンプルコード(プラグイン不要)_JavaScriptスキル

ファイルアップロードのJS簡単実装サンプルコード(プラグイン不要)_JavaScriptスキル

WBOY
WBOYオリジナル
2016-05-16 17:14:581345ブラウズ

コードをコピー コードは次のとおりです:

ファイルを選択してください


// #selectFile をクリックして input:file のクリック イベントをトリガーします
コードをコピー コードは次のとおりです:

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

});

ファイルの選択によってトリガーされるイベント
コードをコピー コードは次のとおりです:

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

注:

1. Chrome ブラウザでは、データ セキュリティのため、非表示の input: ファイルは「クリック」イベントをトリガーできません。したがって、非表示効果を実現するには、input: ファイルの透明度を設定する必要があります。

2. IE6 および 7 の入力ファイルは onchange イベントをサポートしていないため、引き続き

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。