3

html5 File APIを使用して、入力ファイル要素で選択されたファイルの数を取得し、別の要素に値を設定する必要があります。

HTML

<div class="form-row">
    <label>Main Image</label>
    <div class="form-text">None Selected</div> 
    <input type="file" class="txtbox" name="proImage" id="proImage" value="" />
</div>

Jquery

$('input[type=file]').change(function () {
    $fileCount = $(this).files.length;
    $(this).parent('.form-row').find('.form-text').html($fileCount + 'Selected');
})

誰かが私がどこで間違っているのか知っていますか？すべての助けに感謝

4

1 に答える 1

6

filesjQueryオブジェクトのプロパティではありません。

これを変える：

$fileCount = $(this).files.length;

に：

$fileCount = this.files.length;

セレクターを縮小することもできます。

$('input[type=file]').change(function () {
    fileCount = this.files.length;
    $(this).prev().text(fileCount + 'Selected');
})

http://jsfiddle.net/hHgEF/

于 2012-09-24T00:32:47.583 に答える