在黑暗中漫步
我正在创建一个个人网络用户界面,以识别照片存储库中的重复项。我用它作为学习烧瓶等的工具。我用静态文件夹中的符号链接指向我的照片目录,这很好用。工作流程是:
在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 '12/2012-10-13 18.36.33.jpg">
<img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega '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 '12/To CCI/2012-10-13 18.36.33.jpg">
<img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega '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 '12/2012-10-13 18.36.33.jpg</div>
<div>/static/media/pics/_from Otto/2015/Pets/Mega '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 '12/IMAG1060.jpg">
<img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega '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 '12/To CCI/IMAG1060.jpg">
<img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega '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 '12/IMAG1060.jpg</div>
<div>/static/media/pics/_from Otto/2015/Pets/Mega '12/To CCI/IMAG1060.jpg</div>
</td>
</tr>
<tr>
<td>
<a href="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega '12/IMAG1136 (1).jpg">
<img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega '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 '12/IMAG1136.jpg">
<img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega '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 '12/IMAG1136 (1).jpg</div>
<div>/static/media/pics/_from Otto/2015/Pets/Mega '12/IMAG1136.jpg</div>
</td>
</tr>
<tr>
<td>
<a href="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega '12/2012-10-14 15.08.41.jpg">
<img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega '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 '12/IMAG0903.jpg">
<img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega '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 '12/2012-10-14 15.08.41.jpg</div>
<div>/static/media/pics/_from Otto/2015/Pets/Mega '12/IMAG0903.jpg</div>
</td>
</tr>
<tr>
<td>
<a href="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega '12/2012-10-12 17.04.22.jpg">
<img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega '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 '12/IMAG0875.jpg">
<img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega '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 '12/2012-10-12 17.04.22.jpg</div>
<div>/static/media/pics/_from Otto/2015/Pets/Mega '12/IMAG0875.jpg</div>
</td>
</tr>
<tr>
<td>
<a href="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega '12/PART95141493701117495Screenshot952014-08-26-20-08-01.jpg">
<img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega '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 '12/To CCI/PART95141493701117495Screenshot952014-08-26-20-08-01.jpg">
<img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega '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 '12/PART95141493701117495Screenshot952014-08-26-20-08-01.jpg</div>
<div>/static/media/pics/_from Otto/2015/Pets/Mega '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 '12/2012-10-14 15.08.48.jpg">
<img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega '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 '12/IMAG0904.jpg">
<img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega '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 '12/To CCI/IMAG0904.jpg">
<img src="C:/DeDuper/static/media/pics/_from Otto/2015/Pets/Mega '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 '12/2012-10-14 15.08.48.jpg</div>
<div>/static/media/pics/_from Otto/2015/Pets/Mega '12/IMAG0904.jpg</div>
<div>/static/media/pics/_from Otto/2015/Pets/Mega '12/To CCI/IMAG0904.jpg</div>
</td>
</tr>
</td>
</tr>
</tbody>
</table>
</div>
</div><!-- /.container -->
</body>
</html>
目前没有回答
相关问题 更多 >
编程相关推荐