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

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

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

// #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 イベントをサポートしていないため、引き続き