好湿?好紧?好多水好爽自慰,久久久噜久噜久久综合,成人做爰A片免费看黄冈,机机对机机30分钟无遮挡

主頁 > 知識庫 > php+ajax+h5實現圖片上傳功能

php+ajax+h5實現圖片上傳功能

熱門標簽:百度地圖標注類型是酒店 商丘外呼系統好處 網絡電話400申請 外呼系統人工客服 周口網絡回撥外呼系統 400電話申請辦理 全國各省地圖標注點 隨州銷售電銷機器人公司 福建高頻外呼防封系統哪家好

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

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 的默認處理
         * XMLHttpRequest會對 formdata 進行正確的處理
         */
        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'];

}

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

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

標簽:十堰 迪慶 佛山 海南 樂山 六安 定西 南寧

巨人網絡通訊聲明:本文標題《php+ajax+h5實現圖片上傳功能》,本文關鍵詞  php+ajax+h5,實現,圖片,上傳,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《php+ajax+h5實現圖片上傳功能》相關的同類信息!
  • 本頁收集關于php+ajax+h5實現圖片上傳功能的相關信息資訊供網民參考!
  • 推薦文章