没有不值得去解决的问题,也没有不值得去学习的技术!

一个图片管理的添加与编辑的实现流程梳理

最终实现流程为:在添加表单页面,只允许上传图片,上传成功后,自动跳转至图片编辑页面

作者:

在

1、现在在一个文章的添加|编辑页面中,文章的封面图是通过调用接口 image/upload 上传图片实现的,接口响应回图片的 images 表中的 ID,然后提交表单时,将 images 表中的 ID 写入至文章表的 cover_image_id。如图1

现在在一个文章的添加|编辑页面中,文章的封面图是通过调用接口 image/upload 上传图片实现的,接口响应回图片的 images 表中的 ID,然后提交表单时,将 images 表中的 ID 写入至文章表的 cover_image_id
图1

2、现在计划实现一个图片管理,也希望能够复用 image/upload 接口实现图片上传。但是,图片的添加与编辑,在提交表单时,不应该再涉及到 images 表中的记录的再次增加。参考 WordPress 的 媒体管理 ,添加一张图片分为 2 个步骤,第一步是上传一张图片,第二步是编辑图片信息。如图2

现在计划实现一个图片管理,也希望能够复用 image/upload 接口实现图片上传。但是,图片的添加与编辑,在提交表单时,不应该再涉及到 images 表中的记录的再次增加。参考 WordPress 的 媒体管理 ,添加一张图片分为 2 个步骤,第一步是上传一张图片,第二步是编辑图片信息。
图2

3、最终实现流程为:在添加表单页面,只允许上传图片,上传成功后,自动跳转至图片编辑页面。如图3

最终实现流程为:在添加表单页面,只允许上传图片,上传成功后,自动跳转至图片编辑页面
图3

关于作者 · 持续学习与技术实践

我是一名拥有 15 年以上开发经验的技术从业者,自 2013 年起持续运营个人技术博客,记录工作与个人项目中遇到的真实问题,以及解决问题过程中的探索、实践和思考。

除了技术写作,我也在持续开发和维护自己的独立项目,探索新技术和新工具在实际场景中的应用。我始终相信,没有不值得去解决的问题,也没有不值得去学习的技术。

如果这篇文章对你有所帮助,欢迎浏览博客中的其他文章,也欢迎交流技术经验与想法。

关于我  ·  GitHub  ·  邮件联系