php+ajax+h5实现图片上传功能-偶像资源网

本文实例为大家分享了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\'];

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持免费资源网。

版权声明 1 本网站名称：偶像资源网
2 本站永久网址：https://www.ox520.com
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ593098775进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END

php+ajax+h5实现图片上传功能

请登录后发表评论