An example for an CUSTOM made SVG-UPLOADER you will find here…
https://russian-dima.wixsite.com/login-system/vnbadgemgm
For example BADGES accepts only SVG-image formats, which can be uploaded for your badge-management. When you want to manage your badges directly by code without using the wix-out of the box soulution, you will run into the problem that you can’t upload an SVG-file using the Wix-Upload-Button (at this point → strange right? → Offering an API for a BADGE-MANAGEMENT-FEATURE, but no real solution to UPLOAD the needed SVGs).
However! At this point you can use an HTM-Component. Some days ago i already posted the working code in some of the various of my posts.
Chris and me, we know exactly what we are talking about, but you perhaps will find your solution here …
Dive deeper into the materia and learn more about buffer , base64, blobs and file-selectors.
BTW: Here the mentioned post, with the solution …
Good luck! Now you should be able to RESOLVE YOUR ISSUE ON YOUR OWN! ![]()
Ohh, almost forgot to explain my own example.
How to use the mentioned example?
Well, as i already mentioned, the issue arrives when you try to generate an own BADGE-MANAGEMENT-SYSTEM trying to UPLOAD an SVG-FILE. There is no way of doing it the normal way.
You will find an ICON-DESIGN-UPLOADER → expected file-format → SVG
Now open an SVG file from file-selector…
By activating the base64-encoding-option → you even will get the right base64-code for the uploaded pic and also the DOWNLOAD-URL of the file…
How to prof that everything worked like expected?
Navigating back to the Badge-Generator…
…opening the → “Badge-Icon-Design”-Dropdown, you will recognise the new added SVG-DESIGN-OPTION for BADGE-CREATIONS
WOOOOHOOOOOOOOOOOOOOOOOO! It works!
So, like i always say → WHERE A WILL → THERE A WAY !!! ![]()



