php+html5+ajax实现上传图片的方法


Posted in PHP onMay 14, 2016

本文实例讲述了php+html5+ajax实现上传图片的方法。分享给大家供大家参考,具体如下:

<?php
if (isset($_POST['upload'])) {
  var_dump($_FILES);
  move_uploaded_file($_FILES['upfile']['tmp_name'], 'up_tmp/'.time().'.dat');
  //header('location: test.php');
  exit;
}
?>
<!doctype html>
<html lang="zh">
<head>
  <meta charset="utf-8">
  <title>HTML5 Ajax Uploader</title>
  <script src="jquery-2.1.1.min.js"></script>
</head>
<body>
<p><input type="file" id="upfile"></p>
<p><input type="button" id="upJS" value="用原生JS上传"></p>
<p><input type="button" id="upJQuery" value="用jQuery上传"></p>
<script>
  /*原生JS版*/
  document.getElementById("upJS").onclick = function() {
    /* FormData 是表单数据类 */
    var fd = new FormData();
    var ajax = new XMLHttpRequest();
    fd.append("upload", 1);
    /* 把文件添加到表单里 */
    fd.append("upfile", document.getElementById("upfile").files[0]);
    ajax.open("post", "test.php", true);
    ajax.onload = function () {
      console.log(ajax.responseText);
    };
    ajax.send(fd);
  }
  /* jQuery 版 */
  $('#upJQuery').on('click', function() {
    var fd = new FormData();
    fd.append("upload", 1);
    fd.append("upfile", $("#upfile").get(0).files[0]);
    $.ajax({
      url: "test.php",
      type: "POST",
      processData: false,
      contentType: false,
      data: fd,
      success: function(d) {
        console.log(d);
      }
    });
  });
</script>
</body>
</html>

希望本文所述对大家PHP程序设计有所帮助。

PHP 相关文章推荐
用PHP调用数据库的存贮过程!
Oct 09 PHP
PHP新手上路(二)
Oct 09 PHP
深入php之规范编程命名小结
May 15 PHP
测试php函数的方法
Nov 13 PHP
使用php语句将数据库*.sql文件导入数据库
May 05 PHP
php单例模式示例分享
Feb 12 PHP
PHP微信开发之根据用户回复关键词\位置返回附近信息
Jun 24 PHP
php实现在新浪云中使用imagick生成缩略图并上传的方法
Sep 26 PHP
简单谈谈PHP中的Reload操作
Dec 12 PHP
让ThinkPHP的模板引擎达到最佳效率的方法详解
Mar 14 PHP
php服务器的系统详解
Oct 12 PHP
discuz论坛更换域名,详细文件修改步骤
Dec 09 PHP
yii2使用ajax返回json的实现方法
May 14 #PHP
php文件上传类完整实例
May 14 #PHP
Smarty高级应用之缓存操作技巧分析
May 14 #PHP
php生成Android客户端扫描可登录的二维码
May 13 #PHP
php短信接口代码
May 13 #PHP
php实现在线通讯录功能(附源码)
May 13 #PHP
PHP将MySQL的查询结果转换为数组并用where拼接的示例
May 13 #PHP
You might like
DOTA2 无惧惊涛骇浪 昆卡大型水友攻略
2020/04/20 DOTA
特详细的PHPMYADMIN简明安装教程
2008/08/01 PHP
PHP 柱状图实现代码
2009/12/04 PHP
PHP与javascript实现变量交互的示例代码
2013/07/23 PHP
跟我学Laravel之安装Laravel
2014/10/15 PHP
Zend Framework教程之路由功能Zend_Controller_Router详解
2016/03/07 PHP
详谈php ip2long 出现负数的原因及解决方法
2017/04/05 PHP
jQuery的ready方法详解
2014/11/27 Javascript
JavaScript中关联原型链属性特性
2016/02/13 Javascript
纯js实现手风琴效果
2020/04/17 Javascript
微信小程序 实战小程序实例
2016/10/08 Javascript
Bootstrap表单简单实现代码
2017/03/06 Javascript
基于angular实现模拟微信小程序swiper组件
2017/06/11 Javascript
jQuery Position方法使用和兼容性
2017/08/23 jQuery
php main 与 iframe 相互通讯类(js+php同域/跨域)
2017/09/14 Javascript
使用watch监听路由变化和watch监听对象的实例
2018/02/24 Javascript
详解Angular路由之路由守卫
2018/05/10 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
2018/08/12 Javascript
vue绑定事件后获取绑定事件中的this方法
2018/09/15 Javascript
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
2019/02/20 Javascript
详解在Angular4中使用ng2-baidu-map的方法
2019/06/19 Javascript
Vue数据双向绑定原理实例解析
2020/05/15 Javascript
Django中日期处理注意事项与自定义时间格式转换详解
2018/08/06 Python
对json字符串与python字符串的不同之处详解
2018/12/19 Python
用Pycharm实现鼠标滚轮控制字体大小的方法
2019/01/15 Python
对python以16进制打印字节数组的方法详解
2019/01/24 Python
Pyqt5自适应布局实例
2019/12/13 Python
python实现将两个文件夹合并至另一个文件夹(制作数据集)
2020/04/03 Python
python如何建立全零数组
2020/07/19 Python
反邪教警示教育方案
2014/05/13 职场文书
王金山在党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
党的群众路线教育实践活动个人整改措施落实情况
2014/11/04 职场文书
玄武湖导游词
2015/02/05 职场文书
导游词之包公祠
2019/11/25 职场文书
GO中sync包自由控制并发示例详解
2022/08/05 Golang