php如何用div上传图片

<code class="html"><form id="uploadForm">
  <div id="dropzone">拖放图片到这里</div>
  <input type="file" name="image" id="imageFile" multiple>
  <button type="submit">上传</button>
</form></code>

<code class="javascript">// Ajax 上传处理程序
$('#uploadForm').submit(function(e) {
  e.preventDefault();

  // 获取文件数据
  var formData = new FormData($(this)[0]);

  // 发送 Ajax 请求
  $.ajax({
    url: 'upload.php',
    method: 'POST',
    data: formData,
    contentType: false,
    processData: false,
    success: function(data) {
      // 处理服务器响应
    }
  });
});</code>

<code class="php">// PHP 服务器端处理程序
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  // 处理上传的文件并将其保存
  $file = $_FILES['image'];

  // 检查文件错误
  if ($file['error'] === UPLOAD_ERR_OK) {
    // 获取文件扩展名
    $ext = pathinfo($file['name'], PATHINFO_EXTENSION);

    // 生成唯一文件名
    $filename = uniqid() . '.' . $ext;

    // 移动文件到目标目录
    move_uploaded_file($file['tmp_name'], 'uploads/' . $filename);
  }
}</code>

<code class="javascript">// 显示上传进度
function updateProgress(percent) {
  $("#progress").css("width", percent + "%");
}</code>

<code class="css">#progress {
  width: 0;
  height: 20px;
  background-color: green;
}</code>