Image upload type in Traits

[zeeshan-algo]

I want to add type image upload like in this picture . What i want is to upload an image from traits and it show on the canvas(component).How can i achieve this.

[zeeshan-algo]

Here is my code
editor.DomComponents.addType('image', { model: { defaults: { traits: [ { type: 'file', name: 'src', label: 'Image', accept: 'image/*', changeProp: 1, value: '', options: { onSelect: function (value) { var file = value.file; var reader = new FileReader(); reader.onload = function () { // @ts-ignore imageTrait.set('value', reader.result); }; reader.readAsDataURL(file); }, }, }, ], }, }, });

[artf]

Hi @zeeshan-algo there is no built-in file type in Traits, but you can define your own as described here with your UI and logic.