无服务器 自建短链服务 Url-Shorten-Worker 变身图床 Image Hosting 优化使用界面
需求
上一步我们已经实现了图床的核心功能, 保存和读取数据.
但是为了把图片转换为Base64数据, 还要另外开一个页面, 这也太...
所以我们把这个页面"借鉴"到自己图床的操作页面上.
思路
建一个 card (Bootstrap里的class).
把 左边页面中的功能 "借鉴"过来.
再建一个 "Next" 按钮, 用于把新card里面的数据同步到原有的元素中.
实践
代码的细节就不讲了. 都是一些细细碎碎.
唯一有点的可说的价值的就是, 被借鉴的网页是使用 Bulma 的CSS框架的. 我考虑了一下, 我的项目里还是继续使用 Bootstrap.
为了更好的 input file组件, 我转为使用 Bootstrap V5 (之前使用的是v4). 然后显示操作结果的弹窗就有一些异常了.
请教了一下GPT, 再结合 Bootstrap的官方文档, 里面有一些属性的名字有变化.
新建了一个“主题”，theme/imghost
========
评论
发表评论