码迷,mamicode.com
首页 > Web开发 > 详细

AJAX-----10iframe模拟ajax文件上传效果原理2

时间:2016-11-08 08:00:33      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:文件   mit   ajax   tle   als   pos   doc   action   files   

在实际开发中其实我们可以给用户一些提示,比如上传成功或者上传失败,废话不多说,走码:

技术分享

 

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="jq183.js"></script>
    <script>
        function ajaxup(){
            var ifname = up+Math.random();
            $("<iframe name=‘"+ ifname +"‘ height=‘0‘ width=‘0‘ frameborder=‘0‘ ></iframe>").appendTo($(body));
            $(form:first).attr(target,ifname);
            //return false;
        }
    </script>
</head>
<body>
    <p id="mess"></p>
    <form action="9.php" method="post" enctype="multipart/form-data" onsubmit="return ajaxup();">
        <input type="file" name="pic"> <br> <br>
        <input type="submit" value="GO">
    </form>
    <iframe src="" frameborder="0"></iframe>
</body>
</html>

 

 

 

技术分享

 

<?php
    if(empty($_FILES)){
        exit(‘No file‘);
    }

    $errs = $_FILES[‘pic‘][‘error‘] == 0 ? ‘success‘:‘error‘;
    echo "<script> parent.document.getElementById(‘mess‘).innerHTML = ‘$errs‘ </script>";

 

AJAX-----10iframe模拟ajax文件上传效果原理2

标签:文件   mit   ajax   tle   als   pos   doc   action   files   

原文地址:http://www.cnblogs.com/leigood/p/6041334.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!