2015-08-03 52 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>