您好,登錄后才能下訂單哦!
php中怎么利用ajax實現無刷新上傳圖片功能,相信很多沒有經驗的人對此束手無策,為此本文總結了問題出現的原因和解決方法,通過這篇文章希望你能解決這個問題。
<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" datadata = data + spliter + "\r\n" datadata = data + "Content-Disposition: form-data; name=\"photofile\"; filename=\"C:\\a.txt\"\r\n" // datadata = data + "Content-Type: image/pjpeg" + vbCrLf datadata = 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服務器端代碼: 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/>"; ?> Upload successed!
看完上述內容,你們掌握php中怎么利用ajax實現無刷新上傳圖片功能的方法了嗎?如果還想學到更多技能或想了解更多相關內容,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。