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

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    一个伪ajax图片上传代码实现示例
    复制代码 代码如下:

    ?php
    if($_FILES){
    ?>
    script>
    window.parent.ajaxUploadPicture.uploadCallback('http://img0.bdstatic.com/img/image/5099213b07eca8065380ce7f75e95dda144ad348269.jpg');
    /script>
    ?php
    die;
    }
    ?>
    !DOCTYPE html>
    html>
    head>
    script>


    ajaxUploadPicture = { $o1:'' };


    ajaxUploadPicture.ajaxUploadFile = function ($o){
    this.$o1 = $o;
    var $iframe = document.createElement('iframe');
    $iframe.style.display = 'none';
    $iframe.name = 'iframe';
    $iframe.id = 'iframe';
    document.body.appendChild($iframe);


    var $form = document.createElement("form");
    $form.method = "post";
    $form.enctype = "multipart/form-data";
    $form.action = "";
    $form.target = 'iframe';
    $newO = $o.cloneNode();
    $form.appendChild($newO);
    $form.submit();
    }
    ajaxUploadPicture.uploadCallback = function ($url){

    $pic = document.createElement('img');
    $pic.width = "200";
    $pic.height = "150";
    $pic.src = $url;

    if(document.getElementById('picshow') == null){
    $div = document.createElement("div");
    $div.id = 'picshow';
    this.$o1.parentNode.insertBefore($div,this.$o1.nextSibling);
    }else{
    $div = document.getElementById('picshow');
    }
    $div.innerHTML = '';
    $div.appendChild($pic);
    };
    /script>
    /head>
    body>
    input type="file" name="file" onchange = "ajaxUploadPicture.ajaxUploadFile(this);">
    /body>
    /html>

    面向对象思想,form提交到一个隐藏的iframe,执行回调js函数。实现图片回显。后台php的功能没有完善。
    您可能感兴趣的文章:
    • php ajax无刷新上传图片实例代码
    • Javascript异步表单提交,图片上传,兼容异步模拟ajax技术
    • Jquery ajaxsubmit上传图片实现代码
    • JQuery+ajax实现批量上传图片(自写)
    • jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
    • swfupload ajax无刷新上传图片实例代码
    • php+ajax实现图片文件上传功能实例
    • 自己动手打造ajax图片上传(网上没有的)
    • jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码
    • PHP+jQuery+Ajax实现多图片上传效果
    上一篇:ajax翻页效果模仿yii框架自己写的
    下一篇:ie发送ajax请求返回上一次结果的解决方法
  • 相关文章
  • 

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

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

    一个伪ajax图片上传代码实现示例 一个,伪,ajax,图片,上传,