Question

我已按照 this example使用AJAX上传文件。文件正在成功上传，但问题是 stopUpload 功能未从uploadServer.php文件调用。谁能告诉我我做错了什么？这是我的代码 -

客户端脚本 - uploadfile.html

<html>
    <body>
        <style type="text/css"> 
            #f1_upload_process{
               z-index:100;
               position:absolute;
               visibility:hidden;
               text-align:center;
               width:400px;
               margin:0px;
               padding:0px;
               background-color:#fff;
               border:1px solid #ccc;
               }
               form{
               text-align:center;
               width:390px;
               margin:0px;
               padding:5px;
               background-color:#fff;
               border:1px solid #ccc;
           }
        </style>
        <p id="f1_upload_process">Loading...<br/><img src="loader.gif" /></p>
        <p id="resultp"></p>
        <form action="http://aiworker2.usask.ca/uploadServer.php" method="post" enctype="multipart/form-data" target="upload_target" onsubmit="startUpload();" >
            File: <input name="myfile" type="file" />
            <input type="submit" name="submitBtn" value="Upload" />
        </form>
        <iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe>

        <script type="text/javascript">

        function startUpload(){
            document.getElementById('f1_upload_process').style.visibility = 'visible';
            return true;
        }

        function stopUpload(success){
            alert('in stopUpload: '+ success);
            var result = '';
            document.getElementById('f1_upload_process').style.visibility = 'hidden';
            if (success == 1){
                document.getElementById('resultp').innerHTML ='<span class="msg">The file was uploaded successfully!<\/span><br/><br/>';
            }
            else {
                document.getElementById('resultp').innerHTML ='<span class="emsg">There was an error during file upload!<\/span><br/><br/>';
            }
            return true;
        }

        </script>
    </body>    
</html>

服务器端脚本 - uploadServer.php

<?php

    $destination_path = getcwd().DIRECTORY_SEPARATOR;

    $result = 0;
    $target_path = $destination_path . basename( $_FILES['myfile']['name']);
    if(@move_uploaded_file($_FILES['myfile']['tmp_name'], $target_path)) {
        $result = 1;
    }
    //sleep(1);

    echo '<script language="javascript" type="text/javascript">';
    echo 'window.top.window.stopUpload(\''.$result.'\');';
    echo '</script>';
?>

由于

使用Ajax上传文件

0 个答案: