POST Javascript 生成的文件答案

【问题标题】：POST Javascript generated filePOST Javascript 生成的文件
【发布时间】：2013-07-10 23:09:32
【问题描述】：

使用fabric.js，我将一些文本覆盖添加到用户的本地图像中，然后将其推入一个

<img src="" id="pic" style="display: none;">

现在，我需要将它发布到我的服务器。我知道如何上传仅包含 HTML 和

的文件

<input type="file" id="popup_chooser" name="something">

但是，我无法弄清楚如何将 $('#pic').attr('src') 放入 POST 变量中。

最好的方法是如何做到这一点？谢谢

【问题讨论】：

什么是$('#pic').attr('src')？它是数据 url 对象 url 常规 url 等等...
我尝试过使用隐藏输入并设置它的值。这行得通，有点。它出现在 $_POST 而不是我想要的 $_FILES 中。但是，我可以接受这一点。如果有更好的方法，我宁愿使用它。

【解决方案1】：

如果我理解你的问题，它可能是这样的：

$('#popup_chooser').val($('#pic').attr('src'));

【讨论】：

【解决方案2】：

您可以serialize the image data 并使用隐藏输入发布它：<input type="hidden" name="img_src" value="[your image data]">

【讨论】：

【解决方案3】：

添加一个带有 id 的隐藏输入并在提交时更改它的值。

例子：

<input type="hidden" id="srcid" ... //html

并使用 jQuery：

$('#form').submit(function() {
    $('#srcid').prop('value') == $('#pic').prop('src');
});

【讨论】：

【解决方案4】：

我会有一个隐藏类型的输入字段。

<form>
<img src="" id="pic" style="display: none;">
<input type="hidden" id='pic_hidden' value="" name="pic_hidden" />
</form>

然后对 src 进行 javascript 镜像更改：

$('#pic_hidden').attr('value', $('#pic').attr('src') )

【讨论】：