0

我有一个页面应该动态上传照片，然后将它们显示为缩略图。基本上，这包括两个文件：unit_edit.php和upload.php. 我的上传工作正常，因此我不会费心发布它。它将上传的图像以及具有适当大小的缩略图放置在正确的文件夹中。

我的问题是图像一旦上传就不会显示 - 我必须刷新页面。此外，悬停以显示更大的图像也不起作用。我正在使用 YoxView，它在控制台中给出了我的错误 - Uncaught ReferenceError: options is not defined我必须将其注释掉才能正常上传。我不知道如何定义选项。我尝试按照安装指南进行操作，但它不起作用。这是我的相关代码：

这是创建和放置照片的 div

<div class="editunitimages">
        <form id="imageform" method="post" enctype="multipart/form-data" action='upload.php?id=<?php print $_GET['id']; ?>' >
            Upload image <input type="file" name="photoimg" id="photoimg" />
        </form>

        <div id='preview'>
        </div>
        <div id="unit_images">
            <?php
                require_once('config/db.php');
                $con = mysqli_connect(DB_HOST, DB_USER, DB_PASS, DB_NAME);
                $query = "SELECT id, image FROM images WHERE unit = ".$_GET['id']."";
                $result = mysqli_query($con, $query);
                echo '<div class="yoxview">';
                $i = 1;
                while ($row = mysqli_fetch_assoc($result))
                {
                    echo '<a href="unit_images/'.$row['image'].'"><img src="unit_images/thumbnails/'.$row['image'].'" alt="'.$i.'" title="image '.$i.'" /></a>';
                    $i++;
                }
                echo '</div>';
            ?>
        </div>
    </div>  <!-- end editunitimages -->

这是javascript

<script>
$(document).ready(function() 
{ 
    //$("#thumbnails").yoxview([options]);
    $('#photoimg').live('change', function()    
    { 

        $("#preview").html('');
        $("#preview").html('<img src="images/loader.gif" alt="Uploading...."/>');
        $("#imageform").ajaxForm({
            target: '#preview'
        }).submit();
    });
}); 
</script>
4

0 回答 0