javascript - 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>

它工作得很好，但是当用户选择一个文件时，我希望输入上的“选择视频...”文本更改为“example.mp4”。如果可以的话我该怎么做？谢谢。

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 .