PHP前端开发

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

百变鹏仔 1个月前 (12-15) #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

立即学习“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)