アップロードしたファイルの名前を取得する方法

Question

私はKrajee（http://plugins.krajee.com/file-input/plugin-options）が書いたブートストラップファイルアップロードプラグインを使用しています。私はアップロードされたファイルの名前を取得しようとしています。私はそれのための方法を見ていませんでした。どうすれば管理できますか？

Answer 1

ブートストラップファイルのアップロードドキュメント（特にイベント）を見ると、ファイルをアップロードするときにそのファイルのプレビューも読み込まれることがわかりました（このオプションが有効な場合）。それが起こるとき、それは次のイベントを発することである：

$('#input-id').on('fileloaded', function(event, file, previewId, index, reader) { 
    console.log("fileloaded"); 
}); 

二番目のパラメータfileは、実際にここにドキュメントの状態として、nameプロパティを持つJavaScriptオブジェクトです：https://developer.mozilla.org/en-US/docs/Web/API/Fileので、あなたが何かを試みることができる：

を

$('#input-id').on('fileloaded', function(event, file, previewId, index, reader) { 
    console.log(file.name); 
}); 

ここ

詳細はこちらからもhttps://developer.mozilla.org/en-US/docs/Web/API/File/name

が、あなたは関係なく、プレビューのかどうか、ファイルをアップロードする火災は、追加のパラメータを持っていることを、changeイベントかどうかを確認しようとすることができ（これはドキュメントにありません）：

$('#input-id').on('change', function(event) { // add the second parameter file 
    console.log("change"); // try to log file.name here and see if it works 
});