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

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

    span style="font-family: verdana, 'ms song', 宋体, Arial, 微软雅黑, Helvetica, sans-serif; font-size: 14px; line-height: 21px; text-align: left; background-color: rgb(255, 254, 247); ">avascript部分/span>

    复制代码 代码如下:

    !doctype html>
    html>
    head>
    meta charset=utf-8>
    head>
    title>ajax 文件上传~~/title>
    /head>
    script>
    window.onload=function(){
    var form=document.getElementsByTagName('form')[0];
    form.onsubmit=function(){
    var iframe=document.createElement('iframe');
    iframe.src='do_upload.php';
    var iframe_name="iframe"+Math.random();
    iframe.name=iframe_name;
    document.body.appendChild(iframe);
    iframe.style.width='0px';
    iframe.style.height='0px';
    iframe.frameBorder='0';
    form.target=iframe_name;
    }
    }
    /script>
    body>
    form enctype='multipart/form-data' method='post' action='do_upload.php'>
    请选择文件:input type='file' name='myFile'/>br/>
    input type='submit'/>
    div id='msg'>/div>
    /form>
    /body>
    /html>

    //php接收部分
    复制代码 代码如下:

    ?php
    $up_file=$_FILES['myFile'];
    if($up_file['error']===0){
    if(!file_exists('./imgs')){
    mkdir('./imgs');
    }
    $save_name=rand().$up_file['name'];
    $bool=move_uploaded_file($up_file['tmp_name'],"./imgs/$save_name");
    if($bool){
    $msg='上传成功!';
    }else{
    $msg='上传失败!';
    }
    }
    echo
    "script>
    var msg=parent.document.getElementById('msg');
    msg.innerHTML='font color=red>$msg/forn>';
    /script>";
    ?>
    您可能感兴趣的文章:
    • ajax(iframe)无刷新提交表单、上传文件
    • Ajax方式提交带文件上传的表单及隐藏iframe应用
    • 详解Ajax和form+iframe 实现文件上传的方法(两种方式)
    • js动态创建上传表单通过iframe模拟Ajax实现无刷新
    • 原生ajax和iframe框架实现图片文件上传的两种方式
    • PHP实现带进度条的Ajax文件上传功能示例
    • PHP使用HTML5 FileApi实现Ajax上传文件功能示例
    • php+ajax 文件上传代码实例
    • PHP+Ajax实现上传文件进度条动态显示进度功能
    • PHP+iframe模拟Ajax上传文件功能示例
    上一篇:解析ajax核心XMLHTTPRequest对象的创建与浏览器的兼容问题
    下一篇:ajax智能提示+textbox动态生成下拉框示例代码
  • 相关文章
  • 

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

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

    iframe实现Ajax文件上传效果示例 iframe,实现,Ajax,文件,上传,