使用裁剪的画布图像画布null错误更改dropzone缩略图

Question

我想使用画布裁剪图像并在成功后更改dropzone缩略图我使用此代码：

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);
            }

我收到了这个错误：

  

TypeError：canvas为null

Answer 1

因为这个原因，可能是null：var canvas = document.getElementById('img');

您选择了标签img，而非id。