Dokumentation

"Coral.FileUpload" kan inte läsas in i AEMaaCS

Last update: Thu Sep 25 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

I Adobe Experience Manager as a Cloud Service (AEMaaCS) - Assets kan komponenten Coral.FileUpload inte återge eller fungera när den injiceras på sidor som /aem/start.html. Du löser problemet genom att använda komponenten i en giltig kontext med obligatoriska element.

Beskrivning description

Miljö

  • Produkt: Adobe Experience Manager as a Cloud Service (AEMaaCS) - Assets
  • SDK-version: v2025.7.21706.20250723T205632Z-250700

Problem/symtom

  • Knappen Markera filer kan inte återges med Coral UI-format.
  • När du klickar på knappen aktiveras inte dialogrutan för filval.
  • Inga fel visas i webbläsarkonsolen eller i nätverksaktiviteten.
  • Gränssnittet för filöverföring finns inte alls på den återgivna sidan.

Orsak

Problemet inträffar när råformatering eller JavaScript för Coral.FileUpload injiceras på sidor som saknar nödvändiga klientbibliotek och initieringslogik, till exempel /aem/start.html.

Upplösning resolution

Så här ser du till att komponenten Coral.FileUpload fungerar som den ska:

  1. Använd bara Coral.FileUpload i en korrekt konfigurerad AEM-kontext. Se till att alla nödvändiga klientbibliotek - som coralui3 - läses in. Injicera inte råformatering på sidor som /aem/start.html.

  2. Lägg till minst ett underordnat element med attributet coral-fileupload-select. Det här elementet fungerar som utlösare för filval.

  3. Om du skapar komponenten programmatiskt inkluderar du ett underordnat knappelement. Här är ett exempel:

    code language-none 
    dialogContent.appendChild((function () {
    var upload = new Coral.FileUpload().set({
        accept: "image/*",
        sizeLimit: 1000,
        name: "file",
        action: "path/to/upload"
    });
    var selectBtn = new Coral.Button().set({
        label: { innerHTML: "Select files…" }
    });
    // Mark this button as the "select" trigger
    selectBtn.setAttribute("coral-fileupload-select", "");
    // Append the button into the FileUpload component
    upload.appendChild(selectBtn);
    return upload;
})());

  4. När implementeringen har uppdaterats kontrollerar du följande:

    • Knappen Välj fil visas med rätt format.
    • När du klickar på knappen öppnas dialogrutan för filval.
    • Alla nödvändiga klientbibliotek har lästs in.
    • Inga fel visas i webbläsarkonsolen.

Relaterad läsning

Coral.FileUpload - dokumentation

recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f