调整详细页图片布局大小&增加缩略图大小参数

This commit is contained in:
Kakune55 2023-12-25 22:21:51 +08:00
parent 3496861362
commit 5d4580cbf7
4 changed files with 18 additions and 4 deletions

View File

@ -17,12 +17,19 @@
- /idlist 列出所有图片id
## 部分接口文档
### `/img` `/img/mini` `/del` `/info`
### `/img` `/del` `/info`
#### 请求方式
Get
#### 请求参数
id 图片id
### `/img/mini`
#### 请求方式
Get
#### 请求参数
id 图片id
size 图片横向大小 单位像素 0-1024
## 使用的外部库
"github.com/disintegration/imaging" MIT LICENSE

View File

@ -68,7 +68,7 @@
}
#imgshow {
width: 100%;
max-width: 100%;
}
#delete-button {

View File

@ -77,7 +77,7 @@
galleryItem.classList.add("gallery-item");
const img = document.createElement("img");
img.src = `/img/mini?id=${id}`;
img.src = `/img/mini?id=${id}&size=192`;
const infoBox = document.createElement("div");
infoBox.classList.add("info-box");

View File

@ -227,6 +227,13 @@ func generateThumbnail(filePath string, width, height int) (*image.NRGBA, error)
func displayThumbnailHandler(w http.ResponseWriter, r *http.Request) {
// 获取请求参数,例如文件名
filename := r.FormValue("id")
imgsize, err := strconv.Atoi(r.FormValue("size"))
if err != nil {
http.Error(w, "size参数错误 应为纯数字", http.StatusBadRequest)
}
if imgsize <= 1 || imgsize > 1024 {
http.Error(w, "size参数错误 范围应在0-1024之间", http.StatusBadRequest)
}
if filename == "" {
http.Error(w, "未提供文件名", http.StatusBadRequest)
return
@ -236,7 +243,7 @@ func displayThumbnailHandler(w http.ResponseWriter, r *http.Request) {
filePath := filepath.Join("./data/img", database.GetFileName(filename))
// 生成缩略图
thumbnail, err := generateThumbnail(filePath, 128, 0) // 设置缩略图的宽度和高度
thumbnail, err := generateThumbnail(filePath, imgsize, 0) // 设置缩略图的宽度和高度
if err != nil {
http.Error(w, "无法生成缩略图", http.StatusInternalServerError)
return