2016-10-18 8 views
0

小さな問題が残っています。私は自分のHTMLテンプレートの1つにブートストラップを使用しています。このページのリンクは次のとおりです(http://demo.graygrids.com/themes/classix/post-ads.html)。このページを開き、「CLASSIFIED PICTURE」セクションに進んでください。セクションでは、このスクリーンショットhttp://prntscr.com/cvu8nnファイルを選択した後、ブートストラップファイルの入力にファイル名が表示されない

ように見える問題は、私はBROWSEボタンをクリックして、私がアップロードしたいファイルを選択したときに、私は、ファイルを選択した後、ファイル名が表示されないです。私は、ファイルを選択した後、ボックスにファイル名を表示する必要があります。このスクリーンショットはあなたが理解するのに役立ちますhttp://prntscr.com/cvuabs

ありがとうございます!どうすればそれを達成できるか教えてください。

答えて

0

ブラウズボタンクリック時にファイル名がバインドされるため、jQueryを使用してファイル名を表示する必要があります。以下のコードを参照して変更を加えてください:

<div tabindex="-1" class="form-control file-caption"> 
    <div style="width: 239px;" class="file-caption-name" id="divFileName"></div> 
</div> 



<div class="btn btn-primary btn-file"> 
    <i class="glyphicon glyphicon-folder-open"></i> &nbsp;Browse … 
    <input id="input-upload-img1" class="file" data-preview-file-type="text" type="file" onchange="setfilename(this.value);> 
</div> 


<script> 
    function setfilename(val) 
    { 
    var fileName = val().split('\\').pop(); 
    $('#divFileName').html(fileName); 
    } 
</script> 
+0

私はあなたのコードを見て、それを使用しましたが、それでも動作しません! – amnkhan

+0

はい私はそれがちょうど

関連する問題