溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

PHP中怎么利用Ajax實現(xiàn)無刷新上傳圖片

發(fā)布時間:2021-06-29 17:39:59 來源:億速云 閱讀:106 作者:Leah 欄目:編程語言

PHP中怎么利用Ajax實現(xiàn)無刷新上傳圖片,針對這個問題,這篇文章詳細介紹了相對應的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

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文檔發(fā)送到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實現(xiàn)無刷新上傳圖片問題的解答就分享到這里了,希望以上內容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關注億速云行業(yè)資訊頻道了解更多相關知識。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI