將javascript 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

所以在php中通過以下方式顯示它：

$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）。如果需要，可以先將其隱藏，然后使用$（）。show（）使圖像再次可見。