Diskussion

KI-Komponist-Workflow für Batch-Bilddownload und -Ersetzung

Von Wikiprompt, der freien Prompt-Enzyklopädie

宝玉
Beigetragen von宝玉XQuelle

21. Jan. 2025

KI-Komponist-Workflow für Batch-Bilddownload und -Ersetzung Ein praktischer KI-Codierungsprompt zur Implementierung einer Batch-Funktion zum Herunterladen und Ersetzen von Bildern in einem TipTap-Editor mit einer Backend-API, mit Betonung auf Kontext und modularer Iteration.

Prompt-InhaltSpeichern

🌐
Backend: Fügen Sie einen neuen Endpoint /api/download-and-save-image hinzu. Akzeptieren Sie eine Bild-URL, laden Sie sie herunter, speichern Sie sie im Objektspeicher (R2). Dateibenennungsregel: 'Datum + ursprünglicher Dateiname', bei Duplikaten eine Nummer als Suffix anhängen. Geben Sie die neue Bild-URL zurück. Referenzieren Sie den vorhandenen /api/upload-image-Code für Struktur und Stil. Frontend: Verwenden Sie React + TypeScript + ShadcnUI, der Editor ist TipTap. Erstellen Sie eine Komponente mit: einem Button + Fortschrittsbalken oder Statusmeldung; beim Klick alle Bilder im Editor durchlaufen (editor.getJSON()), Links herausfiltern, die mit http:// oder https:// beginnen; den neuen Backend-Endpoint aufrufen, um Bilder batchweise herunterzuladen und hochzuladen; erfolgreich hochgeladene Bild-Links zurück in den Editor einsetzen und den Fortschrittsbalken aktualisieren. Geben Sie das Backend-Anfrage-/Antwortformat an: POST-Methode, Body ist { url: string }, Erfolg gibt die neue Bild-URL zurück, Fehler gibt eine Fehlermeldung zurück.

Melde dich an, um den vollständigen Prompt zu sehen

Weiter mit:

Mit der Anmeldung akzeptierst du unsere Nutzungsbedingungen und Datenschutz

Verwendung

Dieser Prompt ist für die Verwendung mit coding gedacht. Kopiere den Inhalt oben und füge ihn in dein bevorzugtes KI-Tool ein.

Für beste Ergebnisse passe die Platzhalter (eckige Klammern oder Großbuchstaben) an deine Anforderungen an.

Referenzen

Kategorien:coding| twitter| ai-coding| composer

Diskussion