如何使用 jQuery FileUpload 通过 Ajax 和 PHP 上传文件？

在 jquery fileupload 中结合 ajax 和 php 上传文件

想要通过 jquery fileupload 借助 ajax 异步上传文件到 php 服务器，可以参考以下示例：

html

<form id="upload-form" action="upload.php" method="post" enctype="multipart/form-data">
  <input type="file" name="file" />
  <input type="submit" value="上传" />
</form>

登录后复制

javascript

立即学习“”；

// 初始化 fileupload
$('#upload-form').fileupload({
  url: 'upload.php',
  datatype: 'json',
  done: function(e, data) {
    // 文件上传成功后处理
    console.log(data.result);
  },
  fail: function(e, data) {
    // 文件上传失败后处理
    console.error(data.error);
  }
});

登录后复制

php

<?php
// 处理上传文件
if (isset($_FILES['file'])) {
  // 保存文件
  move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name']);

  // 输出结果
  echo json_encode(['result' => '上传成功']);
} else {
  echo json_encode(['error' => '上传失败']);
}
?>

登录后复制

参考示例

请参阅以下完整示例：
[jquery+ajax+php图片上传](http://www.cnblogs.com/xumengxuan/archive/2013/01/10/2855473.html)

以上就是如何使用 jQuery FileUpload 通过 Ajax 和 PHP 上传文件？的详细内容，