软件开发培训班 >> 编程开发 >> PHP


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

　　本文标签：PHP Ajax

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

　　

  • PHP动态多文件上传的具体代码分享
  • PHP通用文件上传类的具体解析
  • PHP文件上传进度条的具体实现方式
  • 为你讲解PHP给图片加水印的具体方法
  • PHP上传类upload.php的具体使用方法
PHP Ajax客户端页面代码： index.html

　　

　　

　　

　　

　　

　　

　　

　　

  1. <html>   
  2. <body>   
  3. <h1>Ajax file upload sampleh1><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实现无刷新图片上传的具体解决办法  。