Question

＆＃13;

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

＆＃13;

如何显示通过添加文件选择的文件名称

Answer 1

假设OP希望在JavaScript ...

中执行此操作

选择文件后，输入会触发change事件。输入对象包含files属性FileList，它是对象的数组类型。从那里，您可以提取文件名并将其插入HTML以供显示。

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

Answer 2

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

注意请确保在表单标记中使用"enctype='multipart/form-data"。

Answer 3

如果您使用的是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>

如何通过添加文件按钮

3 个答案: