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

Uppy billedupload i Magento 2.4.7 - trin-for-trin guide

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