is it possible to put an icon in a dropzone?

Issue

This Content is from Stack Overflow. Question asked by felicia

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?



Solution

This question is not yet answered, be the first one who answer using the comment. Later the confirmed answer will be published as the solution.

This Question and Answer are collected from stackoverflow and tested by JTuto community, is licensed under the terms of CC BY-SA 2.5. - CC BY-SA 3.0. - CC BY-SA 4.0.

people found this article helpful. What about you?