• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    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'];
    
    }
    

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

    您可能感兴趣的文章:
    • 基于Spring Boot利用 ajax实现上传图片功能
    • JavaScript实现图片上传并预览并提交ajax
    • jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
    • PHP结合jquery ajax实现上传多张图片,并限制图片大小操作示例
    • thinkPHP利用ajax异步上传图片并显示、删除的示例
    • Ajax实现图片上传并预览功能
    • ajax实现上传图片保存到后台并读取的实例
    • php+ajax实现异步上传文件或图片功能
    • 基于ajax实现上传图片代码示例解析
    上一篇:php调用快递鸟接口实例代码
    下一篇:thinkPHP5(TP5)实现改写跳转提示页面的方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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