用codex写一个将飞书复制的富文本信息中的media信息自动上传oss并返回上传结果与替换media之后的结果

Mar 12, 2026 · 594 words, 2 mins

我想写一个网页,实现以下功能:

  • 主要功能是实现将飞书复制的富文本信息中的media信息自动上传oss并返回上传结果与替换media之后的结果
  • oss在页面中提供自己上传oss信息的填写框并验证是否正确连接,先提供阿里云的oss通道。将图片上传到哪里的信息也可以进行选择,或者要求根据富文本文章的标题、或者其他信息自动生成对应新的文件夹。
  • 网页中给一个粘贴富文本的区域与对应的渲染结果的部分,对于图片、视频这样的media信息进行单独的突出标注以及可以通过网页上的按钮”上一个、下一个“以及有对这种media信息的统计信息
  • 点击开始替换后开始逐个图片上传并实时显示替换上传进度,最后将替换后的结果和渲染结果展示在网页中。
  • 上传的富文本中的media可能是本地的图片,可能是飞书这样(MEDIA_REPLACE_0_1773305378437

第一次生成

img

网页效果

img

第二次生成

img

img

第三次生成

img

Cloudflare+CodeX自动部署

令牌:_uQbYMaCwao9UBOOh5vuCXEp2g2i-sQ70G6DUqDm

测试指令:

curl "https://api.cloudflare.com/client/v4/accounts/fadeb8a5107d577b2344208d1987a722/tokens/verify" \
-H "Authorization: Bearer _uQbYMaCwao9UBOOh5vuCXEp2g2i-sQ70G6DUqDm"

img

img

令牌:_uQbYMaCwao9UBOOh5vuCXEp2g2i-sQ70G6DUqDm

账号ID:fadeb8a5107d577b2344208d1987a722

我想要的项目名称:richtextautooss

img

自动部署好后,会直接给出对应的网址,

img

经过测试后,是可以成功访问的

img