如何使用PHP和Vue.js开发安全性强化的文件上传功能

<template>
  <div>
    <input type="file" @change="handleFileUpload">
    <button @click="uploadFile">上传文件</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      file: null
    };
  },
  methods: {
    handleFileUpload(event) {
      this.file = event.target.files[0];
    },
    uploadFile() {
      const formData = new FormData();
      formData.append('file', this.file);
      
      // 在此处调用后端API以上传文件
    }
  }
};
</script>

<?php
$allowedExtensions = ['jpg', 'jpeg', 'png']; // 允许上传的文件扩展名
$maxFileSize = 2097152; // 最大文件大小为2MB
$uploadDirectory = 'uploads/'; // 文件存储路径

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  if (!empty($_FILES['file'])) {
    $file = $_FILES['file'];
    
    // 检查文件类型
    $fileExtension = strtolower(pathinfo($file['name'], PATHINFO_EXTENSION));
    if (!in_array($fileExtension, $allowedExtensions)) {
      die('错误：不允许的文件类型！');
    }
    
    // 检查文件大小
    if ($file['size'] > $maxFileSize) {
      die('错误：文件太大！');
    }
    
    // 检查文件上传错误
    if ($file['error'] !== UPLOAD_ERR_OK) {
      die('错误：文件上传错误！');
    }
    
    // 生成新的文件名
    $newFileName = uniqid() . '.' . $fileExtension;

    // 处理文件存储路径
    $uploadPath = $uploadDirectory . $newFileName;
    
    // 将文件移动到上传路径
    if (!move_uploaded_file($file['tmp_name'], $uploadPath)) {
      die('错误：文件上传失败！');
    }
    
    // 文件上传成功
    echo '文件上传成功！';
  } else {
    die('错误：未找到上传文件！');
  }
}
?>