iframe实现Ajax文件上传效果

最新推荐文章于 2024-08-07 23:30:48 发布

sweety_L

最新推荐文章于 2024-08-07 23:30:48 发布

阅读量891

点赞数

分类专栏： javascript 文章标签： ajax javascript

本文链接：https://blog.csdn.net/lpprince/article/details/17116767

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

avascript部分
<!doctype html>

<html>
<head>
<meta charset=utf-8>

<head>
<title>ajax 文件上传~~</title>
</head>

<script>

window.οnlοad=function(){

    var form=document.getElementsByTagName('form')[0];
    form.οnsubmit=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>";




?>

sweety_L

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
iframe实现Ajax文件上传效果

avascript部分ajax 文件上传~~window.onload=function(){ var form=document.getElementsByTagName('form')[0]; form.onsubmit=function(){ var iframe=document.createElement('iframe')
复制链接

扫一扫

专栏目录