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 相关文章推荐
PHP4 与 MySQL 数据库操作函数详解
Dec 06 PHP
PHP下通过exec获得计算机的唯一标识[CPU,网卡 MAC地址]
Jun 09 PHP
php中http_build_query 的一个问题
Mar 25 PHP
destoon各类调用汇总
Jun 20 PHP
PHP中执行cmd命令的方法
Oct 11 PHP
CentOS6.5 编译安装lnmp环境
Dec 21 PHP
php实现递归的三种基本方式
Jul 04 PHP
PHP设计模式之简单投诉页面实例
Feb 24 PHP
php获取ajax的headers方法与内容实例
Dec 27 PHP
PHP时间日期增减操作示例【date strtotime实现加一天、加一月等操作】
Dec 21 PHP
laravel 实现设置时区的简单方法
Oct 10 PHP
Thinkphp5.0框架视图view的模板布局用法分析
Oct 12 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
晶体管来复再生式二管收音机
2021/03/02 无线电
ie6 动态缩略图不显示的原因
2009/06/21 PHP
PHP+Ajax无刷新带进度条图片上传示例
2017/02/08 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
PHP进阶学习之依赖注入与Ioc容器详解
2019/06/19 PHP
PHP 文件写入和读取操作实例详解【必看篇】
2019/11/04 PHP
javascript Firefox与IE 替换节点的方法
2010/02/24 Javascript
得到jQuery detach()后节点中的某个值实现代码
2013/02/05 Javascript
nodejs文件操作模块FS(File System)常用函数简明总结
2014/06/05 NodeJs
node.js操作mongodb学习小结
2015/04/25 Javascript
js简单工厂模式用法实例
2015/06/30 Javascript
jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单
2016/09/21 Javascript
浅谈js中同名函数和同名变量的执行问题
2017/02/12 Javascript
Bootstrap中data-target 到底是什么
2017/02/14 Javascript
解决vue中无法动态修改jqgrid组件 url地址的问题
2018/03/01 Javascript
[01:20]PWL开团时刻DAY9——听说潮汐没用?
2020/11/10 DOTA
Python入门_浅谈数据结构的4种基本类型
2017/05/16 Python
用Python实现随机森林算法的示例
2017/08/24 Python
详解tensorflow实现迁移学习实例
2018/02/10 Python
pyttsx3实现中文文字转语音的方法
2018/12/24 Python
Python实现字符串匹配的KMP算法
2019/04/04 Python
python 中的列表生成式、生成器表达式、模块导入
2019/06/19 Python
python requests更换代理适用于IP频率限制的方法
2019/08/21 Python
python argparser的具体使用
2019/11/10 Python
15个Pythonic的代码示例(值得收藏)
2020/10/29 Python
matplotlib源码解析标题实现(窗口标题,标题,子图标题不同之间的差异)
2021/02/22 Python
HTML5拖拽的简单实例
2016/05/30 HTML / CSS
Sneaker Studio匈牙利:购买运动鞋
2018/03/26 全球购物
GAZMAN官网:澳大利亚领先的男装品牌
2019/12/19 全球购物
心得体会范文
2014/01/04 职场文书
公务员更新知识培训实施方案
2014/03/31 职场文书
节能环保演讲稿
2014/08/28 职场文书
改革共识倡议书
2014/08/29 职场文书
蓬莱阁导游词
2015/02/04 职场文书
地球上的星星观后感
2015/06/02 职场文书
Python中的 enumerate和zip详情
2022/05/30 Python