AI Composer批量图片下载与替换工作流
来自 Wikiprompt,自由的提示词百科全书
AI Composer批量图片下载与替换工作流 一个实用的AI编码提示,用于在TipTap编辑器中实现批量图片下载并替换功能,并与后端API集成,强调上下文和模块化迭代。
提示词内容收藏
🌐
后端:新增一个端点 /api/download-and-save-image。接受一个图片URL,下载它,保存到对象存储(R2)。文件命名规则:‘日期 + 原始文件名’,如果重复,则追加数字后缀。返回新的图片URL。参考现有 /api/upload-image 代码的结构和风格。前端:使用 React + TypeScript + ShadcnUI,编辑器为 TipTap。生成一个组件,包含:一个按钮 + 进度条或状态消息;点击时,遍历编辑器中的所有图片(editor.getJSON()),过滤出以 http:// 或 https:// 开头的链接;调用新的后端端点进行批量下载和上传图片;将成功上传的图片链接替换回编辑器,并更新进度条。提供后端请求/响应格式:POST 方法,Body 为 { url: string },成功时返回新的图片URL,失败时返回错误消息。
用法
此提示词专为 coding 设计。复制上方内容并粘贴到你常用的 AI 工具中。
为获得最佳效果,可将占位符(方括号或大写字母标示)替换为你的具体需求。
讨论
0 条评论