Hi i am going to make a clickable icon that can upload images
<b-avatar icon="person-plus-fill" size="5em">
<vue-dropzone ref="myVueDropzone" id="dropzone" :options="dropzoneOptions"></vue-dropzone>
</b-avatar>
css
.dropzone.dz-started .dz-message {
background-image: url("/icons/vaccination/person-plus.png");
}
.dropzone .dz-default.dz-message {
display: none;
}
script
dropzoneOptions: {
//dictDefaultMessage: "",
url: '/api/auth/uploadDocument',
acceptedFiles:'image/*',
maxFiles: 1,
thumbnailWidth: 50,
addRemoveLinks: true,
dictRemoveFile: 'Delete',
thumbnailMethod: 'contain',
maxFilesize: 60,
resizeMimeType: 'image/jpeg',
resizeQuality: 0.6,
resizeWidth:50,
headers: { "Document-Type": "my_img" },
is it the correct way to insert an icon in a dropzone?