2015-08-03 51 views
-2

選擇throught添加文件按鈕

<span class="btn btn-default btn-file"> 
 
    \t \t \t \t \t <b>+ Add Video File </b> <input type="file" id="file2" name="file2" required> 
 
\t \t \t \t </span> 
 
\t \t \t \t <br><br>

如何顯示其打通添加文件

+0

在哪種語言你想獲得這個請註明? –

+0

in php javascript,jquery –

+0

控件本身顯示所選文件的文件名。你想要顯示在哪裏?請解釋。 – martynasma

回答

0

選擇假設OP想這樣做在JavaScript文件的名稱如何顯示文件名.. 。

文件選擇後有change事件觸發輸入。 輸入對象包含files屬性FileList,它是對象的數組類型。從那裏你可以提取文件名並將其插入到HTML中進行顯示。

小提琴:http://jsfiddle.net/0ss5g61m/

0
<?php  
     if (isset($_POST['Submit'])) { 
      $file_name = $_FILES["file"]["name"];} 
      echo $file_name; 
     } 
?> 

注意請確保您在表單標籤使用"enctype='multipart/form-data"

0

如果您正在使用jQuery,使用下面的代碼

<span class="btn btn-default btn-file"> 
<b>+ Add Video File </b> <input type="file" id="file2" name="file2" required> 
<span id="filename"> </span> 
</span> 
<br><br> 

<script language="javascript"> 
$(document).ready(function(){ 
$('#file2').on('change', function(){ 
var filename = $(this).val(); 
$('#filename').html(filename); 
}); 
}); 
</script>