如何运用PHP Ajax实现图片的无刷新上传

开发 后端
PHP Ajax可以帮助我们实现无刷新图片上传功能,那么具体的操作代码该怎么样编写呢?本文就为大家奉上了相关的代码编写。

作为一个PHP程序员来说,他们肯定知道如何编写图片上传的代码。但是,基于无刷新的图片上传的代码可能会上手比较难。今天我们就为大家介绍如何运用PHP Ajax来实现这一功能。

#t#PHP Ajax客户端页面代码: index.html

  1. <html>   
  2. <body>   
  3. <h1>Ajax file upload sample</h1><br/><input id="uplaod" name="btn_send" type="button" value="上传测试"/>   
  4. <div id=result></div>   
  5. <PRE class=js name="code"><SCRIPT LANGUAGE=JavaScript>   
  6. // 上传函数   
  7. function btn_send.onclick() {   
  8. data = ""   
  9. spliter = "-------7d8d733180846"   
  10. datadatadata = data + spliter + "\r\n"   
  11. datadatadata = data + "Content-Disposition: form-data; name=\"photofile\"; filename=\"C:\\a.txt\"\r\n"   
  12. // datadatadata = data + "Content-Type: image/pjpeg" + vbCrLf   
  13. datadatadata = data + "Content-Type: text/plain" + "\r\n" + "\r\n"   
  14. text = "My name is Wilson Lin."   
  15. postLength = text.length + data.length + 2 + spliter.length + 4   
  16. package = data + text + "\r\n" + spliter + "--\r\n"   
  17. alert(package)   
  18. // 把XML文档发送到Web服务器   
  19. var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");   
  20. xmlhttp.open("POST","./upload.php",false);   
  21. xmlhttp.setRequestHeader("Content-Type", "multipart/form-data; boundary=-----7d8d733180846");   
  22. xmlhttp.setRequestHeader("Content-Length", postLength);   
  23. xmlhttp.send(package);   
  24. // 显示服务器返回的信息   
  25. result.innerHTML=xmlhttp.ResponseText;   
  26. }   
  27. </SCRIPT>   
  28. </PRE>   
  29. </body>   
  30. </html> 

PHP Ajax服务器端代码: upload.php

  1. <?php   
  2. // $_FILES['photofile']:是获得上传图片的数组   
  3. // $uploadfile:存放地址   
  4. $uploadfile = "D:/".$_FILES['photofile']['name'];   
  5. copy( $_FILES['photofile']['tmp_name'], $uploadfile );   
  6. echo "URL: <a href='http://localhost/".$_FILES['photofile']['name']."' target='_blank'>".$_FILES['photofile']['name']."</a><br/>";   
  7. ?>  

以上所写代码就是基本的PHP Ajax实现无刷新图片上传的具体解决办法。

责任编辑:曹凯 来源: CSDN
相关推荐

2009-11-24 14:45:08

PHP批量上传图片

2012-05-02 14:41:04

jQuery

2009-12-10 10:18:05

PHP读取文件

2009-12-03 18:39:02

PHP变量php_se

2009-11-30 19:09:46

PHP上传图片

2009-08-07 09:57:20

Ajax分页功能

2009-12-07 11:31:51

PHP分类列表

2012-05-08 09:38:03

jQuery

2009-11-25 14:36:39

PHP函数usort(

2009-11-24 18:08:39

PHP函数array_

2009-11-16 13:27:20

PHP上传多张图片

2012-04-12 10:19:08

Ajax.NET

2009-06-26 13:46:13

Struts

2009-11-16 13:18:10

PHP上传图片代码

2009-12-02 16:38:26

PHP发送邮件函数

2009-12-03 20:15:02

PHP rmdir()

2009-12-08 16:19:21

PHP函数pack

2009-12-04 09:41:25

PHP函数flush(

2009-11-25 10:15:48

PHP函数count(

2009-11-16 14:09:30

PHP上传类
点赞
收藏

51CTO技术栈公众号