WordPress站点限制视频上传时长：JS与PHP方案选择咨询

嘿，这个问题问到点子上了——你不能只选其中一个，必须两者结合，它们各自承担着不同的关键角色：

一、用JavaScript做前端即时验证（提升用户体验） #

先在前端做检查的好处是，用户刚选完视频就能立刻得到反馈，不用等文件上传半天才被告知不符合要求，体验会好很多。

实现起来也简单，利用HTML5的video元素读取视频元数据就能拿到时长：

// 给上传表单的文件输入框绑定事件
document.querySelector('#video-upload-input').addEventListener('change', function(e) {
  const selectedFile = e.target.files[0];
  // 先判断是不是视频文件
  if (selectedFile && selectedFile.type.startsWith('video/')) {
    const videoElement = document.createElement('video');
    videoElement.preload = 'metadata'; // 只加载元数据，不用全加载视频

    videoElement.onloadedmetadata = function() {
      // 释放URL对象，避免内存泄漏
      window.URL.revokeObjectURL(videoElement.src);
      
      // 检查时长是否超过60秒
      if (videoElement.duration > 60) {
        alert('抱歉，视频时长不能超过1分钟哦，请重新选择！');
        e.target.value = ''; // 清空已选择的文件
      }
    };

    // 创建临时URL指向选中的文件
    videoElement.src = window.URL.createObjectURL(selectedFile);
  }
});

⚠️ 注意：JavaScript验证只能提升体验，绝对不能作为唯一的验证手段——用户可以禁用JS、修改前端代码绕过检查，直接上传长视频到服务器。

二、用PHP做后端强制验证（安全兜底） #

这才是确保规则被严格执行的核心，因为所有上传的文件最终都会经过服务器，必须在这里再做一次检查，堵住前端可能存在的漏洞。

在WordPress里，你可以用wp_handle_upload_prefilter这个钩子来拦截上传前的文件，然后用WordPress自带的函数读取视频时长：

add_filter('wp_handle_upload_prefilter', 'wp_restrict_video_duration');

function wp_restrict_video_duration($file) {
  // 只处理视频文件
  if (strpos($file['type'], 'video/') !== false) {
    $temp_file_path = $file['tmp_name'];
    
    // 用WordPress内置函数读取视频元数据
    $video_metadata = wp_read_video_metadata($temp_file_path);
    
    if ($video_metadata && isset($video_metadata['length'])) {
      $video_duration = (int)$video_metadata['length'];
      // 检查时长是否超过60秒
      if ($video_duration > 60) {
        $file['error'] = '视频时长不能超过1分钟，请上传符合要求的视频！';
      }
    } else {
      $file['error'] = '无法识别视频文件，请确保上传的是有效的视频格式！';
    }
  }
  
  return $file;
}

这个方法的好处是不用额外安装第三方库，wp_read_video_metadata是WordPress自带的，能处理MP4、AVI、MOV等常见视频格式，兼容性拉满。

总结 #

• 前端JS：负责即时反馈，让用户不用白等上传时间，提升体验；
• 后端PHP：负责安全兜底，不管用户怎么操作，服务器端都能严格拦截违规视频。

两者结合才是最稳妥的方案，缺一不可！

内容的提问来源于stack exchange，提问作者valucci