javascript - POST Javascript 生成的文件

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

If i understand your question right it could be something like :

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

Answer 2

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

例子：

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

并使用 jQuery：

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

Answer 3

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

<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') )

Answer 4

您可以序列化图像数据并使用隐藏输入发布它：<input type="hidden" name="img_src" value="[your image data]">