mvnobrega's avatar

vue-dropzone Thumbnail

I'm using vue-dropzone to upload images and videos. Thumbnails for images appear correctly, but not for videos. I would like to know how can I include a thumb if the upload is a video?

I want to include this thumb: https://www.amigonaosecompra.com.br/images/video-thumb-01d43b4eea91cf1f2cd04e900bd263d5.png?vsn=d

My template looks like this::

 <vue-dropzone ref="myVueDropzone" id="dropzone" :options="dropzoneOptions" class="dropzone"></vue-dropzone>

      <div class="dropzone-previews">
        
      </div>

I'm using vue-dropzone to upload images and videos. Thumbnails for images appear correctly, but not for videos. I would like to know how can I include a thumb if the upload is a video?

I want to include this thumb: https://www.amigonaosecompra.com.br/images/video-thumb-01d43b4eea91cf1f2cd04e900bd263d5.png?vsn=d

My template looks like this:

And the rest like this:

data(){
    return {

        dropzoneOptions: {
            url: '/formSubmit',
            thumbnailMethod: 'crop',
            addRemoveLinks: true,
            previewsContainer: ".dropzone-previews",
            acceptedFiles: 'image/*,.mp4,.mkv,.avi',
               
          },

    }
},

Has anyone experienced this and can tell me how to resolve this?

0 likes
0 replies

Please or to participate in this conversation.