HTML和Javascript检测输入是否包含文件？

Question

您好我有以下代码，允许用户选择一个文件并将其上传到服务器：

 <form action="postphp.php" method="post" enctype="multipart/form-data">

         <input id="videoage" type="file" name="video" style="margin-left:-242px;margin-top:10px;opacity:0;">
         <label for="videoage" id="labelvideo">Choose Video...</label>
 </form>

效果很好，但当用户选择一个文件时，我想要选择视频......＆＃39;输入上的文字更改为＆＃39; example.mp4＆＃39;。这可能是使用javascript，如果是这样我该怎么办？感谢。

Answer 1

您可以在脚本中写下：

 jQuery(function($) {
  $('input[type="file"]').change(function() {
    if ($(this).val()) {
      var filename = $(this).val().split('\\').pop();
      $(this).closest('.file-choose').find('.file-name').html(filename);
    }
  });
});

其中file-choose和file_name分别是<form>和<label>中添加的类。 请查看代码段here。