Modifier la vignette dropzone avec toile d'image toile recadrée erreur null

Question

Je veux recadrer l'image avec de la toile et de changer la vignette dropzone après le succès que je suis en utilisant ce code:

success: function (file,responseText) { 
      $('#dzImageHidden').val(responseText); 
      if (responseText) { 
       var imageUrl ='{{ asset('uploads/dz/') }}' + '/' + responseText; 
       var img = $('<img id="target">'); 
       img.attr('src', imageUrl); 


       var image = new Image(); 
       var canvas = document.getElementById('img'); 
       var ctx = canvas.getContext('2d'); 
       image.src = imageUrl; 

       file.previewElement.querySelector("[data-dz-thumbnail]").src = ctx.drawImage(image, 0, 0, 100, 165); 
      } 

Je suis cette erreur:

TypeError: canvas is null

Answer 1

est peut-être nulle à cause de cela: var canvas = document.getElementById('img');

Vous avez sélectionné la balise img, pas un identifiant.