Question

使用fabric.js，我将一些文本叠加添加到用户的本地图像，然后将其推送到

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

现在，我需要将它发布到我的服务器。我知道如何上传文件只是HTML和

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

但是，我无法弄清楚如何将$（'＃pic'）。attr（'src'）转换为POST变量。

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

Answer 1

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

Answer 2

如果我理解你的问题，那可能是：

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

Answer 3

添加带有id的隐藏输入，并在提交时更改其值。

示例：

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

和jQuery：

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

Answer 4

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

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

然后将javascript镜像更改为src：

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