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

各位小伙伴们，大家好呀！看看今天我又给各位带来了什么文章？本文标题是《如何使用 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">
  &lt;input type=&quot;file&quot; name=&quot;file&quot; /&gt;
  &lt;input type=&quot;submit&quot; value=&quot;上传&quot; /&gt;
</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 上传文件？》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！