<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="static/style.css">
<script type="text/javascript" src="static/script.js"></script>
</head>
<body>
<h1>Gallery</h1>
<div class="overlay"><img src="blah" id="top" hidden=True>
<span id="close" hidden=True onclick=do_close()><b><u>CLOSE(X)</u></b></span>
</div>
<div class="responsive">
<div class="gallery">
{% for path in paths %}
<img src='cdn/{{ path }}' height=10% width=10% onclick="clicked_img(this)" >
<div class="desc">{{ file }}</div> #<------ ВОТ ТУТ Я ХОЧУ ИМЯ ФАЙЛА
{% endfor %}
</div>
</div>
</div>
</body>
</html>from flask import Flask
from flask import request
from flask import render_template
from flask import send_from_directory
import os
import glob
import sys
import binascii
import argparse
app = Flask("Flask Image Gallery")
app.config['IMAGE_EXTS'] = [".png", ".jpg", ".jpeg", ".gif", ".tiff"]
def encode(x):
return binascii.hexlify(x.encode('utf-8')).decode()
def decode(x):
return binascii.unhexlify(x.encode('utf-8')).decode()
@app.route('/')
def home():
root_dir = app.config['ROOT_DIR']
image_paths = []
for root,dirs,files in os.walk(root_dir):
for file in files:
if any(file.endswith(ext) for ext in app.config['IMAGE_EXTS']):
image_paths.append(encode(os.path.join(root,file)))
return render_template('index.html', paths=image_paths)
@app.route('/cdn/<path:filepath>')
def download_file(filepath):
dir,filename = os.path.split(decode(filepath))
return send_from_directory(dir, filename, as_attachment=False)
if __name__=="__main__":
parser = argparse.ArgumentParser('Usage: %prog [options]')
parser.add_argument('root_dir', help='Gallery root directory path')
parser.add_argument('-l', '--listen', dest='host', default='127.0.0.1', \
help='address to listen on [127.0.0.1]')
parser.add_argument('-p', '--port', metavar='PORT', dest='port', type=int, \
default=5000, help='port to listen on [5000]')
args = parser.parse_args()
app.config['ROOT_DIR'] = args.root_dir
app.run(host=args.host, port=args.port, debug=True)function clicked_img(img,fp){
console.log(img.src);
var top=document.getElementById('top')
top.src = img.src;
top.hidden=false;
if (img.naturalWidth<screen.width*0.6 && img.naturalHeight<screen.height*0.6) {
top.width=img.naturalWidth;
top.height=img.naturalHeight;
} else {
top.width=screen.width*0.6;
top.height=img.naturalHeight/img.naturalWidth*top.width;
}
document.getElementById('close').hidden = false;
}
function do_close(){
document.getElementById('top').hidden=true;
document.getElementById('close').hidden=true;
}
@app.route('/')
def home():
root_dir = app.config['ROOT_DIR']
image_paths = {}
for root,dirs,files in os.walk(root_dir):
for file in files:
if any(file.endswith(ext) for ext in app.config['IMAGE_EXTS']):
image_paths[file] = encode(os.path.join(root,file))
return render_template('index.html', paths=image_paths){% for file, encode_file in paths.items() %}
<img src='cdn/{{ encode_file }}' height=10% width=10% onclick="clicked_img(this)" >
<div class="desc">{{ file }}</div> #<------ ВОТ ТУТ Я ХОЧУ ИМЯ ФАЙЛА
{% endfor %}
