передавая яваскрипт innerhtml переменного PHP

Question

Очень нужна ваша помощь, у меня есть ниже код JavaScript:

document.querySelector('#btnCrop').addEventListener('click', function(){ 
     var img = cropper.getDataURL(); 

     document.querySelector('.cropped').innerHTML += img; 
    }) 

"IMG" имеет значение:

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMYAAADGCAYAAACJm/9dAAAgAElEQVR4Xuy9B6CdZZUuvE56771AQgqEGgKEkNCrgoAFRFQQHevM+Ht/nTsX5/7XmXFm1Jlx7HVGZSxIN0iXIqFLSEgIkALpvScnvZ/7rPaW7/v2PicQEPzdGs7eX3nLeldf611vAxE14d+b/rn2/DPos5ddSN26 

так, что делает в РНР для отображения его через:

$img = (div class="cropped" style="float: left;margin-top:-653px;margin-left: 630px;border:1px solid violet")(/div) 

Что мне нужно, это отображать его без div. Просто значение «img».

Answer 1

Заменить

document.querySelector('.cropped').innerHTML += img; 

с чем-то вроде этого:

document.write("<img src=\"" + img + "\" style=\"\">"); 

Это будет просто написать его в документе. Но в основном это то же самое, когда он расширяется до чего-то. Нечто подобное больше, что вы хотите, я думаю:..

$('img#ID').attr('src', img); 

(Это Виль установить значение Src (Base64) в изображении Если вы хотите, вы можете скрыть его в первый, а затем использовать $() шоу(), чтобы сделать изображение видимым