Files
trpic/web/templates/convert/convert.tmpl
Hubert Chen dbdf086401 add raw_ext to replace filename in files table
database:
    ent:
        add `raw_ext` field in file schema
        remove `filename` field in file schema
    migrate:
        add migration v5
image:
    `Inspect` function will always detect image format
action:
    remove `Update*Files` functions
    always use inspect file format when creating or uploading files
task/artworks:
    `CheckArtworks` and `CheckArtworksID` will not longer call `Update*Files` functions
2026-04-26 23:37:40 +08:00

66 lines
2.3 KiB
Cheetah

{{ define "convert" }}
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:site_name" content="trpic">
<meta name="file"
id_str="{{ .File.IDStr }}"
thumbed="{{ .File.Thumbed }}"
source_url="{{ .File.SourceURL }}"
raw_ext="{{ .File.RawExt }}"
ext="{{ .File.Ext }}"
size_str="{{ .File.SizeStr }}"
width="{{ .File.Width }}"
height="{{ .File.Height }}"
aspect_ratio="{{ .File.AspectRatio }}"
elongation_ratio="{{ .File.ElongationRatio }}"
>
{{ "base" | .RenderStyle }}
{{ "convert" | .RenderStyle }}
{{ "base" | .RenderScript }}
{{ "convert" | .RenderScript }}
</head>
<body>
<noscript>
<p>当前未启用 JavaScript</p>
<p>您无法在不使用 JavaScript 的情况下访问可视化压缩页面</p>
</noscript>
<div id="preview">
<div id="preview-header">
<div id="convert-action">
<select id="quality-selector">
<option id="q90" value="90">90%</option>
<option id="q85" value="85">85%</option>
<option id="q80" value="80">80%</option>
<option id="q75" value="75">75%</option>
<option id="q70" value="70">70%</option>
<option id="q65" value="65">65%</option>
<option id="q60" value="60">60%</option>
<option id="q55" value="55">55%</option>
<option id="q50" value="50">50%</option>
<option id="q45" value="45">45%</option>
<option id="q40" value="40">40%</option>
<option id="q35" value="35">35%</option>
</select>
<button id="convert-button">convert</button>
<button id="save-button">save</button>
<button id="reset-button">reset</button>
</div>
<div id="preview-info">
<p id="original-size">{{ .RawSizeStr }}</p>
<p id="dimensions">{{ .File.Width }}*{{ .File.Height }}px</p>
</div>
</div>
<div id="preview-view">
<div id="image-wrapper">
<img id="preview-img">
<img id="original-img" style="z-index: -1">
</div>
</div>
</div>
</body>
</html>
{{ end }}