2017-05-07 6 views
1

私は、 'file'型の入力フィールド、id 'fdata'を持つHTMLフォームを持っています。 入力とファイルのアップロードは、ChromeとFirefoxの両方で完全に動作します。html 'file'入力からファイル名を抽出する:Chrome対Firefox

しかし、別の目的のために、アップロードされたファイルの名前をJavaScriptコードで使用する必要があります。私は、次の行を使用:

var filename = $('#fdata').get(0).files[0].name; 

Chromeで正常に動作しますが、それはFirefoxの上の次のエラー出ています:私は$('#fdata')[0].files[0].nameを使用する場合

TypeError: $(...).get(...).files[0] is undefined 

をこれも失敗した...私はそれをやっています間違ったやり方?そしてもしそうなら、正しい道は何ですか?

+1

if($('#fdata').get(0).files.length){ var filename = $('#fdata').get(0).files[0].name; }else{ alert("No file selected"); } 

を使用することによって、これを回避することができます 'fdata'?投稿を編集して[mcve] – yezzz

答えて

1

ファイルを選択する前にファイル名にアクセスしようとすると、このエラーが表示されます。あなたは、私はあなたが `fdata`という名前の入力を持っていると言うが、その後、あなたがIDとそれを使用する私の既存のコードのいずれかに同じを再現しようと、これを得た、enter image description here

+0

ああ私の神、私はとても愚かな気がします。 FirefoxのテストケースがChromeのテストケースと異なり、実際にファイルを選択する前に関数を実行しました。 ありがとう、時間を無駄にして謝罪します! –

関連する問題