2

次の HTML マークアップがあります。

<div>
  <a>browse<input type="file" name="annex"></a>
  <span class="filename"></span>
</div>

このマークアップを使用して、CSS でファイル入力のスタイルを設定しています。

クラス「filename」のスパンにファイル名（filename.ext）を表示したいと思います。

JQueryで次のことを試しました：

$('.file').on('file', function (event, files, label) {
  $('.path').html($(this).val().replace(/\\/g, '/').replace(/.*\//, ''));
  alert($(this).val());
});

スパンはまだ空で、アラート結果も空です。

これどうやってするの？

ありがとう、ミゲル

4

3 に答える 3

0

読むことはできますが、設定することはできません。そのため、クリックしてファイルを選択するまで値はありません。

それでも、ユーザーのファイルシステムの詳細を非公開に保つために、値は c:\fakepath\ のようなもので破壊される可能性があります。

参照input type="file" の値を取得できませんか?

このリンクを試してくださいGet filename from input [type='file'] using jQuery

于 2013-10-02T16:32:55.933 に答える