本文實(shí)例講述了jquery+ajax實(shí)現(xiàn)上傳圖片并顯示上傳進(jìn)度功能。分享給大家供大家參考，具體如下：

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站建設(shè)、成都做網(wǎng)站、加格達(dá)奇網(wǎng)絡(luò)推廣、微信小程序開(kāi)發(fā)、加格達(dá)奇網(wǎng)絡(luò)營(yíng)銷、加格達(dá)奇企業(yè)策劃、加格達(dá)奇品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供加格達(dá)奇建站搭建服務(wù)，24小時(shí)服務(wù)熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com

jquery上傳文件用的formdata，上傳進(jìn)度條需要添加xhr的onprogress

html代碼如下：

  
  
  
  
  
  
  


 
  

  
    

  
  
總大小；已上傳；


  

    選擇文件：
    
  

php代碼如下：

<?php
header('content-type:text/html;charset=utf-8');
if ($_FILES["file"]["error"] > 0)
{
 echo "Return Code: " . $_FILES["file"]["error"] . "
";
}
else
{
 // 文件中文轉(zhuǎn)碼
 //iconv('utf-8', 'gbk', $_FILES["file"]["name"]);
  //取出后綴名
  $ext = strrchr($_FILES["file"]["name"],'.');
  move_uploaded_file($_FILES["file"]["tmp_name"],
   "upload/" . uniqid() . $ext);
  $arr['code'] = 666;
  $arr['message'] = "已經(jīng)保存到: " . "upload/" . uniqid() . $ext;
  echo json_encode($arr);die;
}

參考資料: https://www.jb51.net/article/94853.htm

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jquery中Ajax用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery常見(jiàn)經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。