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

HTML and Javascript detect if input contains a file?

本文关键字：是否 包含 文件 输入 检测 Javascript HTML      更新时间：2023-09-26

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

 <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'。这是可能的使用javascript，如果是这样，我怎么能做到这一点?谢谢。

您可以在脚本中这样写:

 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>中添加的类。

相关文章：