您当前的位置: 首页 > 网站编程 > PHP教程 > php ajax无刷新上传图片实例代码

php ajax无刷新上传图片实例代码

作者:不详 来源:网络 发布时间: 2014-08-20 21:53 点击:
将index.html和upload.php文件保存到支持php的空间的同级目录,测试运行即可 AJAX 客户端页面代码: index.html html body h1Ajax file upload sample/h1br/input id=uplaod name=btn_send type=button value=上传测试/ div id=result/div PRE class=js name=codeSCRIP

php ajax无刷新上传图片实例代码

  将index.html和upload.php文件保存到支持php的空间的同级目录,测试运行即可

  AJAX 客户端页面代码: index.html

  

  

  

  

  

  

  
<html>

  <body>

  <h1>Ajax file upload sample</h1><br/><input id="uplaod" name="btn_send" type="button" value="上传测试"/>

  <div id=result></div>

  <PRE class=js name="code"><SCRIPT LANGUAGE=JavaScript>

  // 上传函数

  function btn_send.onclick() {

  data = ""

  spliter = "-------7d8d733180846"

  datadata = data + spliter + "rn"

  datadata = data + "Content-Disposition: form-data; name="photofile"; filename="C:a.txt"rn"

  // datadata = data + "Content-Type: image/pjpeg" + vbCrLf

  datadata = data + "Content-Type: text/plain" + "rn" + "rn"

  text = "My name is Wilson Lin."

  postLength = text.length + data.length + 2 + spliter.length + 4

  package = data + text + "rn" + spliter + "--rn"

  alert(package)

  // 把XML文档发送到Web服务器

  var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

  xmlhttp.open("POST","./upload.php",false);

  xmlhttp.setRequestHeader("Content-Type", "multipart/form-data; boundary=-----7d8d733180846");

  xmlhttp.setRequestHeader("Content-Length", postLength);

  xmlhttp.send(package);

  // 显示服务器返回的信息

  result.innerHTML=xmlhttp.ResponseText;

  }

  </SCRIPT>

  </PRE>

  </body>

  </html>


  PHP服务器端代码: upload.php

  

  

  

  

  

  

  
<?php

  // $_FILES['photofile']:是获得上传图片的数组

  // $uploadfile:存放地址

  $uploadfile = "D:/".$_FILES['photofile']['name'];

  copy( $_FILES['photofile']['tmp_name'], $uploadfile );

  echo "URL: <a href='http://localhost/".$_FILES['photofile']['name']."' target='_blank'>".$_FILES['photofile']['name']."</a><br/>";

  ?>

  Upload successed!
分享到:
本文"php ajax无刷新上传图片实例代码"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(0)
0%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 广告合作 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4