Media Manager allows working with image files in the App Builder. You can upload, rename, delete images, and/or select them as assets for the Image component (JQM projects).
Working with assets in Ionic 4/5
Please check here to learn how assets can be managed in Ionic 4/5 projects.
To open the Media Manager, click additional menu (the three lines button) in the upper-right corner of the builder and select Media Manager:
The Media Manager window opens and you will see all the previously uploaded images.
To upload a new image from your hard drive, click Upload file, select the files, or drag & drop the files from your file manager.
Only image files can be uploaded with Media Manager. If you select anything but an image file, an error message will appear.
When the upload of the selected images is complete, click Back to images list.
If you click the image from the list in the Media Manager, you will be able to see its size. You can edit its name in the Image properties block.
To save the new image name, click Rename.
To remove an image from the Media Manager click the image on the list, and in the Image properties block, click Delete: the image will be removed.
In the editor, select the https://docs.appery.io/docs/ionic-4-ui-components#image component and, on the PROPERTIES panel, click Change: the Media Manager opens. Here, you can select the image from the list or upload a new image and select it. To select the image, click it on the list, the image will then appear in the Image properties block. Then click the Select button, (this button appears only when selecting the asset for the Image component).
Changed Image Paths
The image paths were changed in 3.0 and above libraries versions.
For Ionic App builder
The path to the uploaded files would be:
Updated 4 months ago