0

所以我在互联网上搜索了一个多重上传的可能性,它在上传时显示一个进度条。由于那里有很多,我很快就找到了一个适合我需要的。

现在上传完成后我遇到了一个问题。上传完成后,它应该在 DIV 中显示上传状态“文件 [编号]:文件名(大小)已上传”。但是,它不仅向我显示状态,而且还包括我的网站布局再次作为副本。

请有人帮我解决这个问题,因为我坐在上面一整天都找不到错误:(

这是 HTML+表单:

<div id="main">
<form id="pupload" action="upload.php" method="POST" enctype="multipart/form-data">
    <fieldset class="tabulated">
        <table id="down" class="bbcode_table" cellspacing="1">
            <thead>
                <tr class="Cnorm">
                    <td><input type="file" name="files[]" multiple="multiple" id="files"></td>
                </tr>
            </thead>
            <tbody>
                <tr class="Cmite">
                    <td><input id="submit" class="button1" type="submit" value="Upload"></td>
                </tr>
            </tbody>
        </table>
    </fieldset>
</form>
<div class="progress">  
        <div class="bar"></div>  
        <div class="percent">0%</div>  
</div>
{msg}
<div id="status"></div>

<script>  
    jQuery(document).ready(function ($) {
    "use strict";

var bar = $('.bar');
var percent = $('.percent');
var status = $('#status');

$('form').ajaxForm({
beforeSend: function() {
    status.empty();
    var percentVal = '0%';
    bar.width(percentVal);
    percent.html(percentVal);
},
uploadProgress: function(event, position, total, percentComplete) {
    var percentVal = percentComplete + '%';
    bar.width(percentVal);
    percent.html(percentVal);
},
success: function(data, statusText, xhr) {
    var percentVal = '100%';
    bar.width(percentVal);
    percent.html(percentVal);
    status.html(xhr.responseText);
},
error: function(xhr, statusText, err) {
    status.html(err || statusText);
}
}); 

});
</script>
</div>

在网站标题中调用所需的 jQuery 文件。

这是它的 PHP 代码:

    <?php 

defined ('main') or die ( 'no direct access' );

$main_dir = 'include/downs/public-upload/';

// Upload dirs sorted by file types
$files = $main_dir.'files/';
$images = $main_dir.'images/';
$media = $main_dir.'media/';
$video = $main_dir.'video/';

// File extensions
$files_ext = array('apk','exe','doc','docx','docm','gadget','html','ini','pdf','php','rar','sh','txt','xlsx','zip');
$images_ext = array('gif','jpg','JPG','jpe','jpeg','JPEG','png','PNG');
$media_ext = array('mp3','ogg','wav');
$video_ext = array('avi','mp4','3gp');

$msg = '';
        // Check rights first to make sure we can put the file in the directory
        if (!is_writeable ($main_dir)) {
                $msg = 'The folder "include/downs/<b>public-upload</b>/" requires WRITE ( chmod 777 ) permission!!! Please set the WRITE ( chmod 777 ) permission and reload the page.';
        }
        // Now we can upload our file
        $tpl = new tpl ( 'admin/pupload/pupload_upload' );
            if ($_SERVER['REQUEST_METHOD'] == 'POST' and isset($_FILES['files']))
            {
                // loop all files
                foreach ( $_FILES['files']['name'] as $i => $name )
                {
                    $pathinfo = pathinfo($name);

                    // if file not uploaded then skip it
                        if ( !is_uploaded_file($_FILES['files']['tmp_name'][$i]) )
                        continue;

                    // now we can move the uploaded files
                    // IMAGES
                    if (in_array($pathinfo['extension'], $images_ext)) {

                    if ( move_uploaded_file($_FILES['files']['tmp_name'][$i], $images . $name) )
                    {
                        $msg .= '<b>File ' .($i+1). ':</b> ' . $name . '&nbsp; (' . niceBytes($_FILES['files']['size'][$i]) . ' ) <font color="#00FF00">successfully uploaded</font><br />';
                    } else {
                        $msg .= '<b>File ' .($i+1). ':</b> ' . $name . '&nbsp; (' . niceBytes($_FILES['files']['size'][$i]) . ' ) <font color="#FF0000">not successfully uploaded</font><br />';
                    }
                    // FILES
                    } else if (in_array($pathinfo['extension'], $files_ext)) {

                    if ( move_uploaded_file($_FILES['files']['tmp_name'][$i], $files . $name) )
                    {
                        $msg .= '<b>File ' .($i+1). ':</b> ' . $name . '&nbsp; (' . niceBytes($_FILES['files']['size'][$i]) . ' ) <font color="#00FF00">successfully uploaded</font><br />';
                    } else {
                        $msg .= '<b>File ' .($i+1). ':</b> ' . $name . '&nbsp; (' . niceBytes($_FILES['files']['size'][$i]) . ' ) <font color="#FF0000">not successfully uploaded</font><br />';
                    }
                    // VIDEOS
                    } else if (in_array($pathinfo['extension'], $video_ext)) {

                    if ( move_uploaded_file($_FILES['files']['tmp_name'][$i], $video . $name) )
                    {
                        $msg .= '<b>File ' .($i+1). ':</b> ' . $name . '&nbsp; (' . niceBytes($_FILES['files']['size'][$i]) . ' ) <font color="#00FF00">successfully uploaded</font><br />';
                    } else {
                        $msg .= '<b>File ' .($i+1). ':</b> ' . $name . '&nbsp; (' . niceBytes($_FILES['files']['size'][$i]) . ' ) <font color="#FF0000">not successfully uploaded</font><br />';
                    }                   
                    // MEDIA
                    } else if (in_array($pathinfo['extension'], $media_ext)) {

                    if ( move_uploaded_file($_FILES['files']['tmp_name'][$i], $media . $name) )
                    {
                        $msg .= '<b>File ' .($i+1). ':</b> ' . $name . '&nbsp; (' . niceBytes($_FILES['files']['size'][$i]) . ' ) <font color="#00FF00">successfully uploaded</font><br />';
                    } else {
                        $msg .= '<b>File ' .($i+1). ':</b> ' . $name . '&nbsp; (' . niceBytes($_FILES['files']['size'][$i]) . ' ) <font color="#FF0000">not successfully uploaded</font><br />';
                    }
                    } else {
                        $msg .= '<b>File ' .($i+1). ':</b> ' . $name . '&nbsp; (' . niceBytes($_FILES['files']['size'][$i]) . ' ) <font color="#FF0000">has an unsupported ending</font><br />';
                    }
                }
            }
$tpl->set_ar_out(array('msg' => $msg), 0);
?>

上传正在工作,因为文件被放在他们的文件夹中,并且还出现了“上传成功”的消息,但它再次包含了我的网站布局,就好像我将运行“include()”函数一样。

我非常感谢我能得到的任何帮助。

4

2 回答 2

0

此问题的解决方案可能是 2:

1-修改目标页面(upload.php)只打印你需要的数据。

2-在您的 ajax 函数过滤器“xhr.responseText”中仅显示您想要的数据

我会决定自己选择第一个选项,在 upload.php 中回显变量 msg。然后在成功的 ajax 上,如果“status.html(xhr.responseText)”仍然检索整个页面,您可以尝试“status.html(data)”。

于 2014-10-31T16:32:02.570 回答
0

我想我发现了错误!这似乎是我的模板系统正在做奇怪的事情,因为标题让我调整了一些东西,然后它工作正常。我已经修复了它,但在我再次使用它时必须再次修复它;)感谢 ADASein 的提示

于 2014-10-31T23:43:46.793 回答