尽管HTML C

2024-09-30 04:29:38 发布

您现在位置:Python中文网/ 问答频道 /正文

在黑暗中漫步

我正在创建一个个人网络用户界面,以识别照片存储库中的重复项。我用它作为学习烧瓶等的工具。我用静态文件夹中的符号链接指向我的照片目录,这很好用。工作流程是:

  1. 用户选择要比较的目录
  2. 目录中选定的文件将被散列
  3. 将生成重复文件(URL)的列表
  4. URL列表将发送到浏览器,并显示回用户

在URL列表发送到浏览器中呈现之前,一切都正常。从浏览器中的开发者工具控制台中,我可以看到html是正确生成的。我保存了html并在浏览器中打开它。。。它按预期显示图像

问题:服务器不会将html显示在浏览器中并返回给用户

我相信我的问题与我如何处理GET/POSTs有关,但我看不出来。这就像浏览器没有请求(显示html)一样。这是我第一次发布问题,尽管我是一个长期的研究者/潜伏者。谢谢你的帮助,我的代码如下:

复制.py

@app.route("/")
def get_dirs():
    return render_template(
        'get_paths.html',
        page_title='Select Directories',
        jsonTreeData=dw.dirTree)

@app.route("/get_paths", methods=['GET', 'POST'])
def get_paths():
    if request.method == 'POST':
        dir_indexes = request.get_json()
        dir_list = dw.getSearchDirs(dir_indexes)
        df.searchDirs(dir_list)
        urls = df.getURLResults()
        if len(urls) == 0:  # no dups found
            print "Good job - no dups!"
        else: # results ready to be displayed
            return render_template(
                'duply.html',
                page_title='Results',
                results=urls)

复制.html

{% extends "base2.html" %}
{% block content %}
    <div class="container-fluid">    
        <table id="myTable" class="table table-bordered">
            <tbody>
                <tr>
                    <td colspan="10">
                        {%- for result in results %}
                            <tr>
                                {% for img_url in result %}
                                    <td>
                                        <a href="C:/DeDuper{{ img_url }}">
                                            <img src="C:/DeDuper{{ img_url }}" class="img-circle" width="150" height="150">
                                        </a>
                                    </td>
                                {% endfor %}
                            </tr>
                            <tr>
                                <td colspan="10">
                                    {% for img_url in result %}
                                        <div>{{ img_url }}</div>
                                    {% endfor %}
                                </td>
                            </tr>
                        {% endfor %}
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
{% endblock %}

从开发人员工具控制台复制的HTML内容:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../static/ico/favicon.ico">
    <title>Results</title>


    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
          integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css"
          integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">

    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
            integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"
            crossorigin="anonymous"></script>


    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css"/>
    <style>
        .dirTree {
            overflow: auto;
            border: 1px solid silver;
            min-height: 100px;
        }
    </style>



</head>

<body>
<div class="container-fluid">
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed"
                        data-toggle="collapse" data-target="#navbar"
                        aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">Super Duper Finder!!</a>
            </div>
            <div id="navbar" class="collapse navbar-collapse">

                <ul class="nav navbar-nav">


  <li><a href="/">Start</a></li>




  <li><a href="/x">About</a></li>


                </ul>
            </div><!--/.nav-collapse -->
        </div>
    </nav>
    <br>
    <br>
    <br>
    <br>

    <div class="container-fluid">
        <table id="myTable" class="table table-bordered">
            <tbody>
                <tr>
                    <td colspan="10">
                            <tr>

                                    <td>
                                        <a href="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/2012-10-13 18.36.33.jpg">
                                            <img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/2012-10-13 18.36.33.jpg" class="img-circle" width="150" height="150">
                                        </a>
                                    </td>

                                    <td>
                                        <a href="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/To CCI/2012-10-13 18.36.33.jpg">
                                            <img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/To CCI/2012-10-13 18.36.33.jpg" class="img-circle" width="150" height="150">
                                        </a>
                                    </td>

                            </tr>
                            <tr>
                                <td colspan="10">

                                        <div>/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/2012-10-13 18.36.33.jpg</div>

                                        <div>/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/To CCI/2012-10-13 18.36.33.jpg</div>

                                </td>
                            </tr>

                            <tr>

                                    <td>
                                        <a href="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/IMAG1060.jpg">
                                            <img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/IMAG1060.jpg" class="img-circle" width="150" height="150">
                                        </a>
                                    </td>

                                    <td>
                                        <a href="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/To CCI/IMAG1060.jpg">
                                            <img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/To CCI/IMAG1060.jpg" class="img-circle" width="150" height="150">
                                        </a>
                                    </td>

                            </tr>
                            <tr>
                                <td colspan="10">

                                        <div>/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/IMAG1060.jpg</div>

                                        <div>/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/To CCI/IMAG1060.jpg</div>

                                </td>
                            </tr>

                            <tr>

                                    <td>
                                        <a href="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/IMAG1136 (1).jpg">
                                            <img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/IMAG1136 (1).jpg" class="img-circle" width="150" height="150">
                                        </a>
                                    </td>

                                    <td>
                                        <a href="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/IMAG1136.jpg">
                                            <img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/IMAG1136.jpg" class="img-circle" width="150" height="150">
                                        </a>
                                    </td>

                            </tr>
                            <tr>
                                <td colspan="10">

                                        <div>/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/IMAG1136 (1).jpg</div>

                                        <div>/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/IMAG1136.jpg</div>

                                </td>
                            </tr>

                            <tr>

                                    <td>
                                        <a href="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/2012-10-14 15.08.41.jpg">
                                            <img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/2012-10-14 15.08.41.jpg" class="img-circle" width="150" height="150">
                                        </a>
                                    </td>

                                    <td>
                                        <a href="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/IMAG0903.jpg">
                                            <img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/IMAG0903.jpg" class="img-circle" width="150" height="150">
                                        </a>
                                    </td>

                            </tr>
                            <tr>
                                <td colspan="10">

                                        <div>/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/2012-10-14 15.08.41.jpg</div>

                                        <div>/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/IMAG0903.jpg</div>

                                </td>
                            </tr>

                            <tr>

                                    <td>
                                        <a href="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/2012-10-12 17.04.22.jpg">
                                            <img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/2012-10-12 17.04.22.jpg" class="img-circle" width="150" height="150">
                                        </a>
                                    </td>

                                    <td>
                                        <a href="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/IMAG0875.jpg">
                                            <img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/IMAG0875.jpg" class="img-circle" width="150" height="150">
                                        </a>
                                    </td>

                            </tr>
                            <tr>
                                <td colspan="10">

                                        <div>/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/2012-10-12 17.04.22.jpg</div>

                                        <div>/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/IMAG0875.jpg</div>

                                </td>
                            </tr>

                            <tr>

                                    <td>
                                        <a href="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/PART95141493701117495Screenshot952014-08-26-20-08-01.jpg">
                                            <img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/PART95141493701117495Screenshot952014-08-26-20-08-01.jpg" class="img-circle" width="150" height="150">
                                        </a>
                                    </td>

                                    <td>
                                        <a href="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/To CCI/PART95141493701117495Screenshot952014-08-26-20-08-01.jpg">
                                            <img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/To CCI/PART95141493701117495Screenshot952014-08-26-20-08-01.jpg" class="img-circle" width="150" height="150">
                                        </a>
                                    </td>

                            </tr>
                            <tr>
                                <td colspan="10">

                                        <div>/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/PART95141493701117495Screenshot952014-08-26-20-08-01.jpg</div>

                                        <div>/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/To CCI/PART95141493701117495Screenshot952014-08-26-20-08-01.jpg</div>

                                </td>
                            </tr>

                            <tr>

                                    <td>
                                        <a href="C:/DeDuper/static/media/pics/_from Otto/2015/Butch/7.jpg">
                                            <img src="C:/DeDuper/static/media/pics/_from Otto/2015/Butch/7.jpg" class="img-circle" width="150" height="150">
                                        </a>
                                    </td>

                                    <td>
                                        <a href="C:/DeDuper/static/media/pics/_from Otto/2015/Butch/a.jpg">
                                            <img src="C:/DeDuper/static/media/pics/_from Otto/2015/Butch/a.jpg" class="img-circle" width="150" height="150">
                                        </a>
                                    </td>

                                    <td>
                                        <a href="C:/DeDuper/static/media/pics/_from Otto/2015/Butch/b.jpg">
                                            <img src="C:/DeDuper/static/media/pics/_from Otto/2015/Butch/b.jpg" class="img-circle" width="150" height="150">
                                        </a>
                                    </td>

                            </tr>
                            <tr>
                                <td colspan="10">

                                        <div>/static/media/pics/_from Otto/2015/Butch/7.jpg</div>

                                        <div>/static/media/pics/_from Otto/2015/Butch/a.jpg</div>

                                        <div>/static/media/pics/_from Otto/2015/Butch/b.jpg</div>

                                </td>
                            </tr>

                            <tr>

                                    <td>
                                        <a href="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/2012-10-14 15.08.48.jpg">
                                            <img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/2012-10-14 15.08.48.jpg" class="img-circle" width="150" height="150">
                                        </a>
                                    </td>

                                    <td>
                                        <a href="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/IMAG0904.jpg">
                                            <img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/IMAG0904.jpg" class="img-circle" width="150" height="150">
                                        </a>
                                    </td>

                                    <td>
                                        <a href="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/To CCI/IMAG0904.jpg">
                                            <img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/To CCI/IMAG0904.jpg" class="img-circle" width="150" height="150">
                                        </a>
                                    </td>

                            </tr>
                            <tr>
                                <td colspan="10">

                                        <div>/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/2012-10-14 15.08.48.jpg</div>

                                        <div>/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/IMAG0904.jpg</div>

                                        <div>/static/media/pics/_from Otto/2015/Pets/Mega &#39;12/To CCI/IMAG0904.jpg</div>

                                </td>
                            </tr>                       
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

</div><!-- /.container -->
</body>
</html>

Tags: fromdivimgstaticmediatrclasstd

热门问题