Uppy Magento 2 Upload nemt billeder – Komplet guide
Hvorfor bruge Uppy til billedupload?
Kan vi bruge Uppy JS-biblioteket til at uploade filer på frontend. I denne guide viser vi, hvordan du kan integrere det i din magento 2.4.7 udvidelse for at uploade billeder.
Trin-for-trin guide til billedupload
1. Opret en route-fil
Først skal vi oprette en route-fil med navnet routes.xml
.
Fil: etc/frontend/routes.xml
2. Opret controller til upload-siden
For at indlæse upload-siden skal vi oprette en controller.
Fil: Controller/Index/Index.php
3. Opret layout-fil til upload-formularen
For at vise en formular på frontend, skal vi oprette en layout-fil.
Fil: view/frontend/layout/upload_index_index.xml
4. Opret template-fil til upload-formular
Formularen skal placeres i en template-fil.
Fil: view/frontend/templates/form.phtml
5. Initialiser Uppy i Magento 2
For at aktivere Uppy, skal vi oprette en JavaScript-fil.
Fil: view/frontend/web/js/uppy-init.js
6. Opret controller til billed-upload
For at gemme det uploadede billede skal vi oprette en controller.
Fil: Controller/Index/UploadImage.php