• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

php和ajax以及h5实现图片上传功能的实例

php 搞代码 3年前 (2022-01-22) 16次浏览 已收录 0个评论

本文实例为大家分享了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("上传中&<span style="color:transparent">本文来源gaodai#ma#com搞*!代#%^码$网!</span><strong>搞代gaodaima码</strong>quot;);      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'];}

以上就是php和ajax以及h5实现图片上传功能的实例的详细内容,更多请关注搞代码gaodaima其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:php和ajax以及h5实现图片上传功能的实例
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址