Uploads und Frontend-Integration # Datei-Uploads, Bildoptimierung und Ihr eigener S3-Bucket Kombinieren Sie fortsetzbare Browser-Uploads, Bildoptimierung, kundeneigenen Amazon-S3-Speicher und On-Demand-Auslieferung ohne separate Medien-Services. Veröffentlicht am 28. August 2026 ## Wichtigste Erkenntnisse * Verwenden Sie eine Assembly, um einen Upload entgegenzunehmen, ihn zu validieren, feste Ausgaben zu erstellen und die ausgewählten Originale oder Derivate nach S3 zu exportieren. * Nutzen Sie Smart CDN, um ein vorhandenes S3-Objekt über ein gespeichertes Template zu importieren, es bei einem Cache-Miss zu transformieren und das ausgelieferte Ergebnis zu cachen. * Bewahren Sie AWS-Zugangsdaten in eingeschränkten Template-Zugangsdaten auf und erzeugen Sie die Autorisierung für Upload oder Smart CDN auf einem vertrauenswürdigen Server. Eine Anfrage nach „Datei-Uploads, Bildoptimierung und einem eigenen S3-Bucket“ verbirgt zwei unterschiedliche Verarbeitungsmomente. Manche Ausgaben müssen vor der Veröffentlichung validiert, freigegeben und gespeichert werden. Andere Größen oder Formate lassen sich günstiger erst dann erzeugen, wenn ein Browser danach fragt. Transloadit unterstützt beide Wege, doch sie haben unterschiedliche Grenzen bei Speicherung, Latenz, Cache und Sicherheit. ## In diesem Leitfaden 1. [Arbeiten zum Upload-Zeitpunkt von Arbeiten zum Anfragezeitpunkt trennen](#file-uploads-image-optimization-s3-section-1) 2. [Den Upload empfangen, validieren, optimieren und exportieren](#file-uploads-image-optimization-s3-section-2) 3. [Ein S3-Original über Smart CDN bei Bedarf transformieren](#file-uploads-image-optimization-s3-section-3) 4. [Entscheiden, was dauerhaft gespeichert und was bei Bedarf erzeugt wird](#file-uploads-image-optimization-s3-section-4) 5. [Die Anwendung, den Bucket und die Transformationsoberfläche schützen](#file-uploads-image-optimization-s3-section-5) 6. [Dies fair mit einer nativen AWS-Pipeline vergleichen](#file-uploads-image-optimization-s3-section-6) ## Worauf es besonders ankommt * Behandeln Sie S3 als dauerhaftes Referenzsystem, nicht als Beweis dafür, dass Dateibytes niemals durch die Verarbeitungs- und Cache-Infrastruktur von Transloadit laufen. * Verarbeiten Sie Ausgaben vor, die vor der Veröffentlichung existieren müssen; nutzen Sie begrenzte On-Demand-Varianten, wenn die Nachfrage nach Derivaten unvorhersehbar ist. * Speichern Sie Originale, feste Derivate oder beides gemäß den Wiederherstellungs- und Migrationsanforderungen der Anwendung. ## Arbeiten zum Upload-Zeitpunkt von Arbeiten zum Anfragezeitpunkt trennen Beginnen Sie mit zwei Wegen statt einer vagen „Optimierungspipeline“. Auf dem Upload-Zeitpfad sendet ein Browser eine Datei über Uppy und tus an eine Transloadit-Assembly. Das gespeicherte Template validiert die eingegangene Datei, erstellt alle Ausgaben, die sofort existieren müssen, und exportiert ausgewählte Dateien nach S3. Die Anwendung speichert die Assembly-ID und die dauerhafte S3-Objektidentität mit ihrem Asset-Datensatz. Auf dem Anfrage-Zeitpfad fordert ein Browser eine Smart-CDN-URL an. Die URL identifiziert ein gespeichertes Template und einen Eingabepfad in S3. Bei einem Cache-Miss importiert Transloadit dieses Objekt, wendet das Template mit den zulässigen Assembly Variables an und liefert ein Ergebnis über `/file/serve` aus. Die Auslieferungsschicht cacht die Antwort; eine erneute Anfrage kann das Derivat wiederverwenden, ohne die Transformation erneut auszuführen. ### Upload-Zeitpfad Browser → Uppy/tus → Assembly → Validierung und feste Transformationen → Kunden-S3. ### Anfrage-Zeitpfad Browser → Smart-CDN-URL → Cache-Miss → S3-Import und Transformation → Edge-Cache → Browser. ### Eigentumsgrenze Kunden-S3 enthält die dauerhaften Objekte der Anwendung; temporäre Verarbeitungsdateien und gecachte Derivate haben separate Aufbewahrungsregeln. ## Den Upload empfangen, validieren, optimieren und exportieren Verwenden Sie ein gespeichertes Upload-Template, um zu begrenzen, was Browsercode anfordern darf. `/upload/handle` nimmt die Datei entgegen, `/file/filter` kann Dateien ablehnen, deren erkannte Eigenschaften nicht der Richtlinie entsprechen, und `/image/resize` erstellt ein festes Derivat. `/s3/store` exportiert dann genau die Steps, die sein `use`-Wert benennt. Richten Sie es nur auf `optimized`, um das Derivat zu speichern, nur auf `accepted_images`, um das akzeptierte Original zu speichern, oder auf beide, um beide Objekte zu behalten. Uppy ist die Upload-Schicht im Browser, nicht die Autorisierungsgrenze. Lassen Sie das Transloadit-Plugin kurzlebige signierte Assembly-Parameter vom Anwendungsserver anfordern. Deaktivieren Sie `allow_steps_override`, wenn der Browser die gespeicherten Steps nicht ersetzen oder ein anderes Ziel wählen können soll. Das Beispiel setzt `/s3/store` bewusst auf `acl: "private"`, da der Standardwert des Robots `public-read` ist. Ersetzen Sie das Beispiel für `bucket_region` durch die AWS-Region des Buckets; das Setzen vermeidet eine `GetBucketLocation`-Berechtigung und den zusätzlichen Lookup. Betrachten Sie den Upload für das Produkt erst dann als abgeschlossen, wenn die Anwendung das Assembly-Ergebnis und die dauerhaften S3-Schlüssel abgeglichen hat. Das akzeptierte Original und ein festes WebP-Derivat nach S3 exportieren ``` { "allow_steps_override": false, "steps": { ":original": { "robot": "/upload/handle" }, "accepted_images": { "use": ":original", "robot": "/file/filter", "accepts": [["${file.mime}", "regex", "^(image/jpeg|image/png|image/gif|image/webp|image/avif)$"]], "error_on_decline": true }, "optimized": { "use": "accepted_images", "robot": "/image/resize", "resize_strategy": "fit", "width": 1600, "height": 1600, "format": "webp" }, "stored": { "use": ["accepted_images", "optimized"], "robot": "/s3/store", "credentials": "my_s3_credentials", "bucket_region": "us-east-1", "acl": "private", "path": "images/${file.id}/${file.url_name}" } } } ``` ## Ein S3-Original über Smart CDN bei Bedarf transformieren Eine Smart-CDN-Integration beginnt weiterhin mit einem gespeicherten Template. `/s3/import` löst den Eingabepfad mithilfe eingeschränkter Template-Zugangsdaten auf, `/image/resize` liest den URL-übergebenen Wert `${fields.w}` und den anfragebasiert ausgehandelten Wert `${browser.wanted_image_format}`, und `/file/serve` wählt die Antwort aus. Transloadit leitet das Format normalerweise aus den `Accept`-Qualitätsgewichten der Anfrage ab. Eine Smart-CDN-Edge kann stattdessen einen vertrauenswürdigen, vornormalisierten `x-tl-image-format`-Header setzen, der zum selben Wert `avif`, `webp` oder `jpg` aufgelöst wird, ohne `Accept` erneut zu parsen. Eine URL wie `https://my-workspace.tlcdn.com/responsive-image/images/a8d3eeeb67479f11f8b091b04f6181ad/canoe.jpg?w=640` übergibt `images/a8d3eeeb67479f11f8b091b04f6181ad/canoe.jpg` als impliziten Wert `${fields.input}` – den Pfad nach dem Template-Namen, ohne führenden Schrägstrich – und `640` als `${fields.w}`. Diese Eingabe entspricht genau dem vom Upload-Beispiel geschriebenen Schlüssel, sodass `/s3/import` das gespeicherte Objekt direkt liest. Behalten Sie das vollständige Präfix `images/` in der URL bei; fügen Sie es nicht erneut im Template hinzu. Smart-CDN-Abfragewerte kommen als Zeichenketten an, daher wird die Breite mit den String-Literalen `"320"` und `"640"` aus der Positivliste der Breiten verglichen; eine nicht übereinstimmende Breite fällt auf 1280 zurück. Interpolieren Sie keinen uneingeschränkten Pfad, keine Breite, keine Qualität und kein Format, nur weil dies als Feld ankommen kann. Beschränken Sie die S3-Zugangsdaten auf ein vorgesehenes Präfix, lassen Sie die vertrauenswürdige Anwendung den exportierten Schlüssel in ihrem Asset-Datensatz nachschlagen und signieren Sie eine URL, die genau diesen Schlüssel enthält. Ersetzen Sie das Beispiel für `bucket_region` durch die AWS-Region des Buckets; das Setzen vermeidet eine `GetBucketLocation`-Berechtigung und den zusätzlichen Lookup. Validieren oder mappen Sie Transformationswerte im Template. Komplexe Dynamic-Evaluation-Ausdrücke rufen `/script/run` auf und verursachen dessen Kosten. Der Format-Ausdruck bildet den `jpg`-Fallback auf `null` ab, sodass Anfragen ohne Präferenz für ein modernes Format das Originalformat beibehalten, statt Transparenz oder Animation durch unnötiges erneutes Codieren zu verflachen. Siehe den Eintrag `${browser.wanted_image_format}` in der Referenz zu [Assembly Variables](/de/docs/topics/assembly-variables.md). Messen Sie die erste ungecachte Transformation separat von der anschließenden gecachten Auslieferung. Ein S3-Original mit auf ein Präfix eingeschränkten Zugangsdaten und einem signierten, serverseitig validierten Schlüssel importieren ``` { "steps": { "imported": { "robot": "/s3/import", "credentials": "my_s3_credentials", "bucket_region": "us-east-1", "path": "${fields.input}" }, "optimized": { "use": "imported", "robot": "/image/resize", "resize_strategy": "fit", "width": "${fields.w === '320' ? 320 : fields.w === '640' ? 640 : 1280}", "format": "${browser.wanted_image_format === 'jpg' ? null : browser.wanted_image_format}" }, "served": { "use": "optimized", "robot": "/file/serve", "cache_duration": 604800 } } } ``` ## Entscheiden, was dauerhaft gespeichert und was bei Bedarf erzeugt wird Ein Original in S3 vorzuhalten bietet eine stabile Quelle für eine erneute Verarbeitung, erfordert aber nicht das Speichern jeder responsiven Variante. Exportieren Sie kanonische Ausgaben, die das Produkt unabhängig von einem Cache benötigt: einen freigegebenen Master, ein Marketplace-Listing-Bild, ein Druckasset oder ein unveränderliches Release-Derivat. Lassen Sie Smart CDN begrenzte Präsentationsvarianten erzeugen, deren Abmessungen vom anfragenden Gerät oder Layout abhängen. Umgekehrt sollten Sie sich nicht nur auf einen On-Demand-Pfad verlassen, wenn die erste Anfrage keine Verarbeitungslatenz tolerieren kann, ein Redakteur die exakten Pixel freigeben muss oder nachgelagerte Systeme vor der Veröffentlichung ein dauerhaftes Objekt benötigen. In diesem Fall erstellen und exportieren Sie das Derivat in der Assembly zum Zeitpunkt des Uploads. Dieselbe Anwendung kann beide Ansätze für unterschiedliche Ausgabeklassen nutzen, ohne den dauerhaften Eigentümer der Quelle zu ändern. ### Dauerhafte Originale Bewahren Sie Quellen auf, die für künftige Transformationen, Wiederherstellung, Audits oder Migration benötigt werden. ### Feste Derivate Speichern Sie Ausgaben, die geprüft, von anderen Systemen referenziert oder ohne kalte Transformation verfügbar sein müssen. ### On-Demand-Derivate Cachen Sie sichere Präsentationsvarianten, deren Kombinationen zwar begrenzt, aber schwer vorherzusagen sind, bevor ein Nutzer sie anfordert. ## Die Anwendung, den Bucket und die Transformationsoberfläche schützen Erstellen Sie separate, eingeschränkte Template-Zugangsdaten, wenn Upload-Exporte und Smart-CDN-Importe unterschiedliche AWS-Aktionen oder -Präfixe benötigen. Halten Sie rohe AWS-Schlüssel, das Transloadit-Auth-Secret und uneingeschränkte Instructions aus Browser-Bundles heraus. Der Anwendungsserver sollte den Nutzer autorisieren, das Template auswählen und nur die kurzlebigen Upload-Parameter oder die signierte Smart-CDN-URL ausstellen, die für dieses Asset geeignet sind. Ein erfolgreicher Upload oder eine gültige Signatur ist keine Freigabe zur Veröffentlichung. Validieren Sie den erkannten MIME-Typ und die Größe in der Assembly, ordnen Sie Callbacks idempotent dem erwarteten Mandanten und der erwarteten Assembly zu, und geben Sie ein Ergebnis erst frei, wenn das dauerhafte Objekt und der Anwendungsdatensatz übereinstimmen. Gestalten Sie für Smart CDN Quellversionierung, URL-Ablauf, Cache-Lebensdauer und Löschung gemeinsam, damit das Ersetzen eines S3-Schlüssels keine unbeabsichtigt aktive Derivat-Adresse hinterlassen kann. ## Dies fair mit einer nativen AWS-Pipeline vergleichen Ein natives Design kann über eine vorsignierte S3-URL hochladen, auf Object-Created-Ereignisse reagieren, mit Lambda oder einem anderen Compute-Dienst verarbeiten, Derivate speichern und sie über ein CDN ausliefern. Das kann gut passen, wenn der Workload innerhalb unterstützter Laufzeitgrenzen bleibt und das Team Autorisierung, Wiederholungsversuche, Warteschlangen, Codecs, Nebenläufigkeit, Beobachtbarkeit und Fehlerwiederherstellung selbst betreiben möchte. Vergleichen Sie vollständige Produktionspfade statt einer einzelnen erfolgreichen Größenänderung. Testen Sie unterbrochene Uploads, große Quellen, fehlerhafte Bilder, Ausrichtung und Farbe, doppelte Events, unvollständige Exporte, Nebenläufigkeitsspitzen, kalte Transformationen, Cache-Invalidierung, regionale Latenz und Löschung. Berücksichtigen Sie neben Upload-, Verarbeitungs-, Speicher-, Anfrage- und Egress-Kosten auch Engineering- und Betriebszeit. Die entscheidende Wahl ist, welche betrieblichen Verantwortlichkeiten das Team übernehmen möchte. ## Wissenswerte technische Details * Uppys Transloadit-Plugin erstellt eine Assembly und lädt Dateien an ihren tus-Endpunkt hoch, während Anwendungscode signierte Assembly-Parameter von einem vertrauenswürdigen Back-End anfordern kann. * Ein Assembly Template kann `/upload/handle`, Validierungs- oder Transformations-Steps und `/s3/store` verbinden; die `use`-Beziehungen bestimmen, ob das Original, Derivate oder beides exportiert werden. * Template-Zugangsdaten speichern den AWS-Zugriff getrennt von den Assembly Instructions, und die S3-IAM-Richtlinie sollte nur die Bucket-Pfade und Operationen gewähren, die jedes Template benötigt. * Eine Smart-CDN-URL identifiziert einen Workspace, ein Template, einen Eingabepfad und optionale URL-Felder. Der Eingabepfad steht dem Template als `${fields.input}` zur Verfügung. Bei einem Cache-Miss läuft das Template, und `/file/serve` liefert die Antwort, die die Auslieferungsschicht cacht. * Ein Smart-CDN-Template kann `/s3/import` verwenden, um ein Objekt aus einem kundeneigenen S3 zu lesen, `/image/resize`, um es zu transformieren, und `/file/serve`, um das ausgewählte Derivat zurückzugeben. * Bei Smart-CDN-Anfragen füllen URL-Query-Parameter `${fields.*}`, während der Pfad nach dem Template-Namen zum impliziten Wert von `${fields.input}` wird. Dies unterscheidet sich von Formularfeldern zum Upload-Zeitpunkt und dem `fields`-Schlüssel der Assembly. Das Template entscheidet, welche Werte es liest, aber jeder benötigt weiterhin eine Validierung, Zuordnung oder Autorisierung über eine signierte URL. * Der temporäre Ergebnisspeicher von Transloadit ist kein dauerhafter Anwendungsspeicher. Ergebnisse werden unabhängig von den Einstellungen mindestens 24 Stunden lang aufbewahrt; der aktuelle R2-Speicher unterstützt kein früheres Löschen. Produktions-Workflows sollten jedes Objekt exportieren, das dauerhaft erhalten bleiben muss. * Ein zwischengespeichertes Smart-CDN-Derivat ist getrennt vom dauerhaften Original in S3. Quellersetzung, URL-Versionierung, Signaturablauf und Cache-Lebensdauer müssen gemeinsam geplant werden. ## Ein praxisnaher Ansatz 1. 1\ Erfassen Sie die Upload-, Verarbeitungs-, Speicher- und Auslieferungspfade, einschließlich des Eigentümers jedes dauerhaften Objekts und jeder öffentlichen URL. 2. 2\ Erstellen Sie eingeschränkte Template-Zugangsdaten und gespeicherte Templates für Arbeiten zum Upload-Zeitpunkt und bei Bedarf. 3. 3\ Testen Sie feste Exporte, kalte Smart-CDN-Misses, warme Cache-Treffer, ungültige Parameter, ersetzte Quellen und nicht verfügbare Ursprungsserver. 4. 4\ Erfassen Sie Assembly-IDs und stabile S3-Objektversionen in der Anwendung und überwachen Sie dann Verarbeitungs-, Export-, Cache- und Auslieferungskosten separat. Ein vierstufiger Medienworkflow ## Wann Transloadit hilfreich ist Verwenden Sie Transloadit, wenn ein Produkt Uppy- und tus-Uploads, asynchrone Bildworkflows, Exporte in einen eigenen S3-Bucket und optionale URL-gesteuerte Varianten über Smart CDN benötigt. Nutzen Sie nur die Teile, die die Anwendung braucht: Eine Assembly kann feste Assets vorverarbeiten und exportieren, während ein Smart-CDN-Template ein Original aus S3 importieren und bei Bedarf ein begrenztes Derivat erstellen kann. ## Architekturgrenze Ihre Anwendung besitzt die Nutzerautorisierung, die Asset-Datensätze, die Veröffentlichungsrichtlinie und die dauerhaften Kopien in S3. Transloadit empfängt oder importiert Dateien, hält Daten während der Verarbeitung temporär vor, führt den gespeicherten Workflow aus, exportiert ausgewählte Ergebnisse und kann Smart-CDN-Derivate zwischenspeichern. Kundeneigener Speicher bedeutet daher nicht, dass Bytes ausschließlich innerhalb des AWS-Kontos des Kunden verbleiben. ## Häufig gestellte Fragen ### Bleibt bei Verwendung eines eigenen S3-Buckets jedes Byte innerhalb meines AWS-Kontos? Nein. S3 kann das dauerhafte Referenzsystem bleiben, aber Uploads, importierte Originale, temporäre Ergebnisse und von Smart CDN erzeugte Derivate durchlaufen die Transloadit-Infrastruktur gemäß dem konfigurierten Workflow. Temporäre Ergebnisse werden unabhängig von den Einstellungen mindestens 24 Stunden lang aufbewahrt, und der aktuelle R2-Speicher unterstützt kein früheres Löschen. Die Aufbewahrungsdauer für Assembly Status JSON wird separat konfiguriert, mit Optionen von „No Save“ bis 90 Tage; 90 Tage ist die Standardeinstellung. Wenn das Status JSON 90 Tage lang aufbewahrt wird, werden die temporären Ergebnisdateien dadurch nicht zu dauerhaftem Speicher. Smart CDN speichert ausgelieferte Ergebnisse separat zwischen. ### Sollte ich das Originalbild, optimierte Derivate oder beides speichern? Exportieren Sie das Original, wenn es für erneute Verarbeitung, Audits oder einen Anbieterwechsel benötigt wird. Exportieren Sie feste Derivate, wenn sie vor der Veröffentlichung vorliegen oder geprüft werden müssen. Sie können beides exportieren, indem Sie `/s3/store` über die `use`-Eingabe beide Steps übergeben. ### Ist Smart CDN ein von Assemblies getrenntes Verarbeitungssystem? Nein. Eine Assembly zum Upload-Zeitpunkt und eine Smart-CDN-Anfrage verwenden dasselbe Ausführungsmodell aus Template und Robot, auch wenn jeder Pfad sein eigenes Template definiert. Der Upload-Pfad läuft, wenn Bytes eintreffen, und kann dauerhafte Ergebnisse exportieren. Der Smart-CDN-Pfad führt sein Template bei einem Cache-Miss aus und liefert ein ausgewähltes Ergebnis über `/file/serve` aus. ### Wann sollte ich vorab verarbeiten statt bei Bedarf zu transformieren? Verarbeiten Sie Assets vorab, wenn eine Freigabe, deterministische Verfügbarkeit, mehrere dauerhafte Ausgaben oder eine vorhersehbare Latenz beim ersten Aufruf erforderlich sind. Transformieren Sie bei Bedarf, wenn angeforderte Größen schwer vorhersehbar sind und eine begrenzte Menge an URL-Variablen die sicheren Varianten ausdrücken kann. Viele Anwendungen verarbeiten ein kanonisches Bild vorab und erzeugen Darstellungsgrößen bei Bedarf. ### Wie sollte Transloadit Zugriff auf einen privaten S3-Bucket erhalten? Speichern Sie die AWS-Zugangsdaten als eingeschränkte Template-Zugangsdaten, verweisen Sie aus einem gespeicherten Template auf deren Namen und verhindern Sie, dass Browser beliebige Assembly Instructions oder Speicherziele angeben. Signieren Sie Upload-Parameter und geschützte Smart-CDN-URLs auf einem vertrauenswürdigen Server. ### Muss ich Transloadit verwenden, um Uppy zu nutzen? Nein. Uppy ist Open-Source-Upload-Software und kann viele Back-Ends verwenden. Das gepflegte Transloadit-Plugin ist die direkte Integration, wenn Uploads eine Assembly erstellen, tus-Übertragung nutzen und den Verarbeitungsfortschritt oder die Ergebnisse melden sollen. ## Erstellen Sie den Workflow Entwickeln Sie das Konzept mithilfe der Robot-Dokumentation und funktionsfähiger Demos zu einer getesteten Assembly weiter. * [Verwaltete Datei-Uploads entdecken](/de/services/handling-uploads.md) * [Smart CDN entdecken](/de/services/content-delivery.md) * [Einen Amazon-S3-Bucket verbinden](/de/docs/faq/how-to-set-up-an-amazon-s3-bucket.md) * [Speicherzugangsdaten schützen](/de/docs/topics/template-credentials.md) * [Felder mit Dynamic Evaluation validieren](/de/docs/topics/dynamic-evaluation.md) * [Assembly Variables nachschlagen](/de/docs/topics/assembly-variables.md) * [Die Aufbewahrung temporärer Dateien verstehen](/de/docs/faq/temporary-purge-sooner.md) * [Lesen Sie die API-Dokumentation](/de/docs.md) * [Entdecken Sie funktionsfähige Demos EN (English)](/demos.md) * [Kostenlosen Workspace erstellen](/c/signup/) Uploads und Frontend-Integration ## Mit verwandten Leitfäden fortfahren * [Leitfaden zur File Upload API: Architektur, Sicherheit und Anbieterauswahl](/de/guides/file-upload-api-guide.md)\ Eine File Upload API anhand von Architektur, Wiederaufnahme, direkter Cloud-Übertragung, Sicherheit, Speichergrenzen und Anbietern auswählen und implementieren. * [Responsive Bilder über eine einzige URL ausliefern](/de/guides/serve-responsive-images-from-one-url.md)\ Leiten Sie jede Bildgröße aus einer kanonischen URL ab, cachen Sie die Ergebnisse am Edge und halten Sie die Encoding-Kosten trotz wachsendem Traffic stabil. * [Die besten Bild-APIs für Produktions-Workloads](/de/guides/best-image-apis-2026.md)\ Vergleichen Sie führende Bild-APIs 2026 nach Lebenszyklusverantwortung: Upload, Workflows, URL-Transformationen, Speicherung, Auslieferung und Asset-Management. * [Große Uploads trotz Verbindungsabbruch zuverlässig annehmen](/de/guides/resumable-uploads-for-large-files.md)\ Nehmen Sie Multi-Gigabyte-Uploads über tus an, setzen Sie sie nach Verbindungsabbrüchen fort und halten Sie die Assembly bis zum Abschluss aktiv. * [Sichere Datei-Uploads in Next.js mit Uppy und signierten Transloadit Templates](/de/guides/secure-file-uploads-nextjs-uppy.md)\ Sicherer Next.js-App-Router-Upload mit Uppy, Serversignierung, gesperrtem Template, verbindlicher Prüfung, fortsetzbarem Transfer und asynchronem Abschluss. * [Die besten JavaScript-Bibliotheken für Datei-Uploads: Uppy vs. FilePond vs. Dropzone](/de/guides/best-javascript-file-upload-libraries.md)\ Vergleichen Sie Uppy, FilePond und Dropzone nach Protokoll, Schnittstellenmodell, Wiederherstellung, Integration und langfristiger Verantwortung.