将 javascript innerhtml 变量传递给 php

Posted

技术标签:

【中文标题】将 javascript innerhtml 变量传递给 php【英文标题】:passing javascript innerhtml variable to php 【发布时间】:2015-11-01 19:45:32 【问题描述】:

真的需要你的帮助,我有以下 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”的值。

【问题讨论】:

【参考方案1】:

替换

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

类似这样的:

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

那只会把它写在文档中。但在将其扩展到某些东西时基本上是相同的。 我猜像这样的东西是你想要的更多:

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

(这将在图像中设置 src 值(Base64)。如果您愿意,可以先将其隐藏,然后使用 $().show() 使图像再次可见。

【讨论】:

另外,我可以将它传递给输入吗?如下所示: 谢谢, 什么意思?像 PHP 变量一样传递它??

以上是关于将 javascript innerhtml 变量传递给 php的主要内容,如果未能解决你的问题,请参考以下文章

输出消失 Javascript 简单的 innerHTML

将String作为参数传递给Javascript中对象的InnerHtml属性

JavaScript之innerHTML

带有 InnerHtml 的 Javascript 变量不起作用

如何在多行 innerHTML 属性的 javascript 中包含 if 语句?

高性能JavaScript(您值得一看)