如何运用PHP Ajax实现图片的无刷新上传-编程开发-知优网

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

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

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

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

<html> 
<body> 
<h1>Ajaxfileuploadsample</h1><br/><inputid="uplaod"name="btn_send"type="button"value="上传测试"/> 
<divid=result></div> 
<PREclass=jsname="code"><SCRIPTLANGUAGE=JavaScript> 
//上传函数 
functionbtn_send.onclick(){ 
data="" 
spliter="-------7d8d733180846" 
datadatadata=data+spliter+"\r\n" 
datadatadata=data+"Content-Disposition:form-data;name=\"photofile\";filename=\"C:\\a.txt\"\r\n" 
//datadatadata=data+"Content-Type:image/pjpeg"+vbCrLf 
datadatadata=data+"Content-Type:text/plain"+"\r\n"+"\r\n" 
text="MynameisWilsonLin." 
postLength=text.length+data.length+2+spliter.length+4 
package=data+text+"\r\n"+spliter+"--\r\n" 
alert(package) 
//把XML文档发送到Web服务器 
varxmlhttp=newActiveXObject("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 Ajax服务器端代码： upload.PHP

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