为什么 PHP 媒体库不起作用？

Question

我正在尝试创建视频/图片库，这样我可以更轻松地将视频/图片上传到画廊。 图库由视频/图像的缩略图、单行描述组成，单击缩略图时会在精美框中显示图像/视频。我想是的，这是基本的。 （缩略图和精美的框图像使用相同的图像。）我是 PHP 新手，并试图尽快将这个功能实现到我当前的项目中。 我在这里http://www.w3schools.in/php/media-gallery 找到了一些好东西，我在我的机器上运行它，但遇到了下面列出的一些问题， 有任何想法吗？他们对我来说没什么问题，

1. 图像不显示。
2. “来自我的电脑”和“来自 YouTube URL”链接无效。
3. YouTube 图标未显示在我的 YouTube 视频中。
4. 主题和外观与演示不同。
5. 花式框交互不适合我。

index.php 的 PHP 代码：

       <?php
            $result = $obj->getGalley();
            if (!empty($result)) {
                foreach ($result AS $row) {
                    /* IF is Video */
                    if ($row['media_type'] == 'YouTube') {
                        $rel = 'video';
                        $href = "http://www.youtube.com/embed/" . $row['media_name'];
                        $src_bg = 'http://img.youtube.com/vi/' . $row['media_name'] . '/mqdefault.jpg';
                        $src = 'http://img.youtube.com/vi/' . $row['media_name'] . '/mqdefault.jpg';
                    } else {
                        /* IF is Image */
                        $rel = '';
                        $href = "images/large/" . $row['media_name'];
                        $src_bg = "images/small/" . $row['media_name'];
                        $src = "images/small/" . $row['media_name'];
                    }
                    ?>
                    <div class="col-xs-6 col-md-3 col-lg-2 col-sm-4 gallery-block" data-media_guid="<?php echo $row['media_GUID']; ?>">
                        <div class="gallery-block-inner">  
                            <a class="photobox_a <?php if ($rel != '') { ?> media-video<?php } ?>" href="<?php echo $href; ?>" rel="<?php echo $rel; ?>" <?php if ($rel != '') { ?> style="background-image:url('images/placeholder.png'), url('<?php echo $src_bg; ?>');"<?php } ?>>
                                <img src="<?php echo $src; ?>" class="img-responsive">
                            </a>
                        </div>
                        <span class="media-name"><?php echo $row['media_name_original']; ?></span>
                    </div>
                    <?php
                }
            } else {
                ?>
                <p id="gallery-empty">It's Empty</p>
                <?php
            }
         ?> 

上传媒体代码：

   <!-- Upload Media Starts -->
        <div class="row">
            <hr>
            <h3>ADD MORE MEDIA TO COLLECTION</h3>
            <div id="upload_button_group">
                <a href="javascript:void(0)" class="button" id="upload_button">From My Computer</a>
                <a href="javascript:void(0)" class="button button-blue" id="upload_button_URL">From YouTube URL</a>
            </div>
            <form id="upload_form" name="upload_form" method="post" action="media_upload.php" enctype="multipart/form-data">
                <input type="file" id="upload_media" name="upload_media" accept="image/*" style="display:none">
            </form>
            <form id="upload_form_url" name="upload_form_url" method="post" action="media_upload.php"  style="display:none">
                <input class="text-field" name="youtube_url" id="youtube_url" type="text" placeholder="Please enter YouTube URL">
                <a href="javascript:void(0)" class="button" id="upload_button_URL_save">Save</a>
                <a href="javascript:void(0)" class="button button-blue" id="upload_button_URL_cancel">Cancel</a>
            </form>
        </div>
   <!-- Upload Media Ends -->

Answer 1

通过查看代码，我最好的猜测是链接不正确，因此浏览器无法找到这些文件。这解释了缺少图像 (1, 3?)、css (4) 和 JavaScript 不工作 (2,5)。

确保在 localhost/path 中可以找到您的项目/js/app.js。这专门控制上传。对于那里的所有其他文件。