這篇文章主要介紹了html5+PHP怎么實(shí)現(xiàn)無刷新圖片上傳的相關(guān)知識，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇html5+PHP怎么實(shí)現(xiàn)無刷新圖片上傳文章都會有所收獲，下面我們一起來看看吧。

成都創(chuàng)新互聯(lián)是一家業(yè)務(wù)范圍包括IDC托管業(yè)務(wù),虛擬空間、主機(jī)租用、主機(jī)托管，四川、重慶、廣東電信服務(wù)器租用,成都服務(wù)器托管，成都網(wǎng)通服務(wù)器托管,成都服務(wù)器租用,業(yè)務(wù)范圍遍及中國大陸、港澳臺以及歐美等多個(gè)國家及地區(qū)的互聯(lián)網(wǎng)數(shù)據(jù)服務(wù)公司。

前端html代碼 upload,html

"http://www.w3.org/1999/xhtml">

    "Content-Type" content="text/html; charset=utf-8"/>

'previews'>
  

樣式如下圖

接下來是js代碼

接下來是PHP處理代碼  handle.php

$imgtype = array(
    'gif'=>'gif',
    'png'=>'png',
    'jpg'=>'jpeg',
    'jpeg'=>'jpeg'
); //圖片類型在傳輸過程中對應(yīng)的頭信息
$message = $_POST['message']; //接收以base64編碼的圖片數(shù)據(jù)
$filename = $_POST['filename']; //接收文件名稱
$ftype = $_POST['filetype'];  //接收文件類型
//首先將頭信息去掉，然后解碼剩余的base64編碼的數(shù)據(jù)
$message = base64_decode(substr($message,strlen('data:image/'.$imgtype[strtolower($ftype)].';base64,')));
$filename = $filename.".".$ftype;
$furl = "D:/now/";
//開始寫文件
$file = fopen($furl.$filename,"w");
if(fwrite($file,$message) === false){
    echo json_encode(array('code'=>1,'con'=>'failed'));
    exit;
}
echo json_encode(array('code'=>0,'con'=>$filename));

選擇文件然后點(diǎn)擊上傳的效果如下圖

關(guān)于“html5+PHP怎么實(shí)現(xiàn)無刷新圖片上傳”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“html5+PHP怎么實(shí)現(xiàn)無刷新圖片上傳”知識都有一定的了解，大家如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。