温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

PHP中怎么利用Ajax实现无刷新上传图片

发布时间:2021-06-29 17:39:59 来源:亿速云 阅读:114 作者:Leah 栏目:编程语言

PHP中怎么利用Ajax实现无刷新上传图片,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

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

<html>   <body>   <h2>Ajax file upload sample</h2><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"   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 = "My name is Wilson Lin."   postLength = text.length + data.length + 2 + spliter.length + 4   package = data + text + "\r\n" + spliter + "--\r\n"   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 Ajax服务器端代码: 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/>";   ?>

关于PHP中怎么利用Ajax实现无刷新上传图片问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注亿速云行业资讯频道了解更多相关知识。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI