鍍金池/ 問答/HTML/ 前端開發(fā)之圖片處理和上傳

前端開發(fā)之圖片處理和上傳

項目前端頁面類似如下圖，淘寶商品界面，下面需要展示幾張輪播小圖，然后點擊具體小圖片，上面顯示大圖。
圖片描述

現(xiàn)在我負責的是店鋪后臺管理頁面，與后端工程師商量，他們提議前端尋找方法實現(xiàn)這樣的功能：當選擇一張圖片上傳之后，傳到后臺的圖片保存兩張，一張大圖和一張小圖。這樣，店鋪中商品頁面就可以獲取到兩張圖片。
請問這種怎么實現(xiàn)比較好？？

回答
編輯回答
維她命

1.底下顯示的小圖就是尺寸比較小而已，后端只用保存大圖，小圖你自己控制顯示，不推薦后端保存小圖是因為小圖要是大尺寸顯示怕會模糊。
2.如果你非得要保存一張大圖一張小圖，上傳圖片的時候獲取圖片流，由canvas畫出一大一小圖，傳給后端即可

2018年6月29日 14:53
編輯回答
胭脂淚

不太清楚你要問什么實現(xiàn)。。。
[{thumbnail:xxx,imgUrl:xxx}] 是這種數(shù)據(jù)結(jié)構(gòu)嗎，還是布局，還是上傳的時候前端把一個圖片文件通過canvas給后端弄成一大一小，還是什么。

2017年8月19日 02:06