主頁 > 知識庫 > php+ajax+h5實現(xiàn)圖片上傳功能

php+ajax+h5實現(xiàn)圖片上傳功能

熱門標(biāo)簽:百度地圖標(biāo)注類型是酒店 商丘外呼系統(tǒng)好處 網(wǎng)絡(luò)電話400申請 外呼系統(tǒng)人工客服 周口網(wǎng)絡(luò)回?fù)芡夂粝到y(tǒng) 400電話申請辦理 全國各省地圖標(biāo)注點 隨州銷售電銷機器人公司 福建高頻外呼防封系統(tǒng)哪家好

本文實例為大家分享了php實現(xiàn)ajax圖片上傳的具體代碼,供大家參考,具體內(nèi)容如下

html頁面代碼

!DOCTYPE html>
html lang="en">
head>
  meta charset="UTF-8">
  title>Title/title>
  script type="text/javascript" src="__PUBLIC__/home/js/jquery-1.11.0.js">/script>

/head>
body>
form class="form-horizontal" role="form" id="myForm"
   action="/index/fileupsend" method="post"
   enctype="multipart/form-data">

  選擇文件:input type="file" id="file1" />br />
  input type="button" id="upload" value="上傳" />
  span id="imgWait">/span>
/form>
script>
  $(function () {
    $("#upload").click(function () {
      $("#imgWait").html("上傳中");
      var formData = new FormData();
      formData.append("myfile", document.getElementById("file1").files[0]);
      $.ajax({
        url: "/Home/index/fileupsend",
        type: "POST",
        data: formData,
        /**
         *必須false才會自動加上正確的Content-Type
         */
        contentType: false,
        /**
         * 必須false才會避開jQuery對 formdata 的默認(rèn)處理
         * XMLHttpRequest會對 formdata 進(jìn)行正確的處理
         */
        processData: false,
        success: function (data) {
          if(data){
            alert("上傳成功!");
          }
          $("#imgWait").html("上傳成功");

        },
        error: function () {
          alert("上傳失??!");
          $("#imgWait").hide();
        }
      });
    });
  });
/script>
/body>
/html>

php代碼

public function fileupsend(){
  $type_pic = $this->file_upload('1',array('jpg', 'gif', 'png', 'jpeg'),'filetest','myfile');
  echo $type_pic['img_path'];

}

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

您可能感興趣的文章:
  • 基于Spring Boot利用 ajax實現(xiàn)上傳圖片功能
  • JavaScript實現(xiàn)圖片上傳并預(yù)覽并提交ajax
  • jquery+ajax實現(xiàn)上傳圖片并顯示上傳進(jìn)度功能【附php后臺接收】
  • PHP結(jié)合jquery ajax實現(xiàn)上傳多張圖片,并限制圖片大小操作示例
  • thinkPHP利用ajax異步上傳圖片并顯示、刪除的示例
  • Ajax實現(xiàn)圖片上傳并預(yù)覽功能
  • ajax實現(xiàn)上傳圖片保存到后臺并讀取的實例
  • php+ajax實現(xiàn)異步上傳文件或圖片功能
  • 基于ajax實現(xiàn)上傳圖片代碼示例解析

標(biāo)簽:十堰 迪慶 佛山 海南 樂山 六安 定西 南寧

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《php+ajax+h5實現(xiàn)圖片上傳功能》,本文關(guān)鍵詞  php+ajax+h5,實現(xiàn),圖片,上傳,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《php+ajax+h5實現(xiàn)圖片上傳功能》相關(guān)的同類信息!
  • 本頁收集關(guān)于php+ajax+h5實現(xiàn)圖片上傳功能的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章