图像作为隐藏输入字段中的值答案

【问题标题】：image as value in hidden input field图像作为隐藏输入字段中的值
【发布时间】：2014-11-12 10:13:07
【问题描述】：

我正在尝试将图像作为隐藏输入字段中的值，我想在我的 javascript 中使用它。

<input type="hidden" class="anything" value="i need an image here" />

然后我想在像这样的 javascript 文件中使用它

$(".anything").val()

我怎样才能做到这一点？任何帮助都会很棒。

【问题讨论】：

你是指图片数据还是图片src？
图片从何而来，你想达到什么目的？您可以将图像存储为 base64 编码字符串，但在我看来，您这样做的方式是错误的......

标签： javascript jquery image input

【解决方案1】：

你可以用一个类 img 创建一个 div 并给它一个属性 display:none 并且可以使用 jquery 调用它。

<html>
 <head></head>
  <body>
     <div class="img" style="display:none";><img src="adress"> </div>
        <script>
          $(document).ready(function(){
          $(.img).fadeIn(1000);
            });
        </script>
     </body>

【讨论】：

【解决方案2】：

$(".anything").val() 不能是图像，因为.val() 返回一个字符串，而图像是一个 DOM 对象。

您至少需要从字符串转换为 DOM 事件。

两种主要方法是：

该值包含图像的 url 而不是图像，然后您可以通过以下方式获取图像：$("<img>").attr("src", $(".anything").val())
您可以使用 base64 数据，但正如 Dave Salomon 所说，这可能不是一个好的理想

【讨论】：

【解决方案3】：

您可以将 imagesrc 写为字符串，如下所示：

$(".anything").val("/path/to/image.png")

或者您希望图像的哪一部分作为输入字段中的值？

【讨论】：