is it possible to put an icon in a dropzone?

Viewed 25

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?

0 Answers
Related