2 个步骤 – 永夜 https://www.shuijingwanwq.com 没有不值得去解决的问题,也没有不值得去学习的技术! Wed, 23 Jul 2025 01:14:55 +0000 zh-Hans hourly 1 https://wordpress.org/?v=7.0 一个图片管理的添加与编辑的实现流程梳理 https://www.shuijingwanwq.com/2025/07/23/9242/ https://www.shuijingwanwq.com/2025/07/23/9242/#respond Wed, 23 Jul 2025 01:14:55 +0000 https://www.shuijingwanwq.com/?p=9242 浏览量: 82

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

]]>
https://www.shuijingwanwq.com/2025/07/23/9242/feed/ 0