在 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

立即学习“PHP免费学习笔记(深入)”;

// 初始化 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 上传文件?的详细内容,更多请关注慧达安全导航其它相关文章!

点赞(0)

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部