Kein Medienupload möglich

Hallo zusammen,

ich habe eine komplett nagelneue Installation von Shopware 6.4 vorgenommen und einen Testartikel eingestellt. Allerdings kann ich keine Bilder hochladen, es gibt noch nicht mal eine Fehlermeldung. Bei Drag & Drop passiert einfach gar nichts, bei manueller Dateiauswahl passiert nach dem Klick auf „Öffnen“ ebenfalls gar nichts. Wenn ich auf „Medien öffnen“ klicke sehe ich allerdings folgendes Szenario, ein Klick auf einen der weißen Kästen wirft die Fehlermeldung oben rechts.

Screenshot: Screenshot 2021-06-09 191741.png - hochgeladen am 09.06.2021 | ImageBanana

Ich vermute hier ist grundlegend etwas im Argen? Schreibrechte oder sowas? Hat jemand eine Idee?

Danke und Gruß!

Hallo @btw

wird etwas in Browser Konsole ausgegeben, wenn du versuchst ein Bild hoch zu laden? Hast du geprüft ob das public/media/ beschreibbar ist?

Viele Grüße,
Florian

Hallo @Florian_Holtgrefe , vielen Dank für deine Rückmeldung!

public/media hat 755 Rechte, das sollte ja ausreichend sein. In der Console gibt es tatsächlich zwei Fehlermeldungen, mit denen kann ich allerdings nichts anfange. Ich habe das ganze natürlich auch schon von verschiedenen Geräten & unterschiedlichen Browsern aus getestet.

vendors-node.js?16231577341497056:2 POST https://shop.xxx.de/api/media net::ERR_EMPTY_RESPONSE
(anonymous) @ vendors-node.js?16231577341497056:2
e.exports @ vendors-node.js?16231577341497056:2
UnBK.e.exports @ vendors-node.js?16231577341497056:2
Promise.then (async)
CgaS.l.request @ vendors-node.js?16231577341497056:2
CgaS.i.forEach.l.<computed> @ vendors-node.js?16231577341497056:2
(anonymous) @ vendors-node.js?16231577341497056:2
value @ commons.js?1623157734187713:1
(anonymous) @ commons.js?1623157734187713:1
Promise.then (async)
value @ commons.js?1623157734187713:1
(anonymous) @ commons.js?1623157734187713:1
value @ commons.js?1623157734187713:1
(anonymous) @ app.js?16231577345652847:1
u @ vendors-node.js?16231577341497056:2
(anonymous) @ vendors-node.js?16231577341497056:2
(anonymous) @ vendors-node.js?16231577341497056:2
n @ vendors-node.js?16231577341497056:2
a @ vendors-node.js?16231577341497056:2
(anonymous) @ vendors-node.js?16231577341497056:2
(anonymous) @ vendors-node.js?16231577341497056:2
handleUpload @ app.js?16231577345652847:1
onFileInputChange @ app.js?16231577345652847:1
Ve @ vendors-node.js?16231577341497056:2
n @ vendors-node.js?16231577341497056:2
o._wrapper @ vendors-node.js?16231577341497056:2
commons.js?1623157734187713:1 Uncaught (in promise) TypeError: Cannot read property 'data' of undefined
    at commons.js?1623157734187713:1
    at async Promise.all (index 2)
(anonymous) @ commons.js?1623157734187713:1
Promise.then (async)
n @ vendors-node.js?16231577341497056:2
a @ vendors-node.js?16231577341497056:2
(anonymous) @ vendors-node.js?16231577341497056:2
(anonymous) @ vendors-node.js?16231577341497056:2
handleUpload @ app.js?16231577345652847:1
onFileInputChange @ app.js?16231577345652847:1
Ve @ vendors-node.js?16231577341497056:2
n @ vendors-node.js?16231577341497056:2
o._wrapper @ vendors-node.js?16231577341497056:2```

Hey @btw

schau mal bitte was im Network-Tab deines Browsers beim Upload passiert.

Viele Grüße
Florian

Hi @Florian_Holtgrefe ,

im Network Tab sieht es recht ähnlich aus, siehe Bild:

vendors-node.js?16231577341497056:2 POST https://shop.xxx.de/api/media net::ERR_EMPTY_RESPONSE
(anonymous) @ vendors-node.js?16231577341497056:2
e.exports @ vendors-node.js?16231577341497056:2
UnBK.e.exports @ vendors-node.js?16231577341497056:2
Promise.then (async)
CgaS.l.request @ vendors-node.js?16231577341497056:2
CgaS.i.forEach.l.<computed> @ vendors-node.js?16231577341497056:2
(anonymous) @ vendors-node.js?16231577341497056:2
value @ commons.js?1623157734187713:1
(anonymous) @ commons.js?1623157734187713:1
Promise.then (async)
value @ commons.js?1623157734187713:1
(anonymous) @ commons.js?1623157734187713:1
value @ commons.js?1623157734187713:1
(anonymous) @ app.js?16231577345652847:1
u @ vendors-node.js?16231577341497056:2
(anonymous) @ vendors-node.js?16231577341497056:2
(anonymous) @ vendors-node.js?16231577341497056:2
n @ vendors-node.js?16231577341497056:2
a @ vendors-node.js?16231577341497056:2
(anonymous) @ vendors-node.js?16231577341497056:2
(anonymous) @ vendors-node.js?16231577341497056:2
handleUpload @ app.js?16231577345652847:1
onFileInputChange @ app.js?16231577345652847:1
Ve @ vendors-node.js?16231577341497056:2
n @ vendors-node.js?16231577341497056:2
o._wrapper @ vendors-node.js?16231577341497056:2
commons.js?1623157734187713:1 Uncaught (in promise) TypeError: Cannot read property 'data' of undefined
    at commons.js?1623157734187713:1
    at async Promise.all (index 3)
(anonymous) @ commons.js?1623157734187713:1
Promise.then (async)
n @ vendors-node.js?16231577341497056:2
a @ vendors-node.js?16231577341497056:2
(anonymous) @ vendors-node.js?16231577341497056:2
(anonymous) @ vendors-node.js?16231577341497056:2
handleUpload @ app.js?16231577345652847:1
onFileInputChange @ app.js?16231577345652847:1
Ve @ vendors-node.js?16231577341497056:2
n @ vendors-node.js?16231577341497056:2
o._wrapper @ vendors-node.js?16231577341497056:2

Ich habe das Problem gelöst, ich kann aber beim besten Willen nicht sagen, WARUM es geholfen hat.

Meine Lösung bestand darin, das SSL Zertifikat der Seite einmal komplett zu deaktivieren und ein neues für die Domain auszustellen (obwohl auch vorher alles funktioniert hatte!). Seither ist ein Medienupload wieder problemlos möglich.