PostJavaScript生成的文件

PostJavaScript生成的文件,javascript,jquery,html,post,Javascript,Jquery,Html,Post,使用fabric.js,我将向用户的本地图像添加一些文本覆盖,然后将其推送到 <img src="" id="pic" style="display: none;"> 现在,我需要将它发布到我的服务器上。我知道如何上传文件,调整HTML和 <input type="file" id="popup_chooser" name="something"> 但是,我不知道如何将$('#pic').attr('src')放入POST变量中 这样做的最佳方式是什么? 谢谢

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

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

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

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

但是,我不知道如何将$('#pic').attr('src')放入POST变量中

这样做的最佳方式是什么?
谢谢

你可以用隐藏的输入来发布它:
如果我没弄错你的问题,它可能是这样的:

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

添加一个id为的隐藏输入,并在提交时更改其值

例如:

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

我将有一个类型为隐藏的输入字段

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

什么是
$('#pic').attr('src')
?它是一个数据url一个对象url一个常规url等等…我试着使用一个隐藏的输入并设置它的值。这有点管用。它出现在$\u POST中,而不是我希望的$\u文件中。然而,我可以接受这一点。如果有更好的方法,我宁愿用它。
<form>
<img src="" id="pic" style="display: none;">
<input type="hidden" id='pic_hidden' value="" name="pic_hidden" />
</form>
$('#pic_hidden').attr('value', $('#pic').attr('src') )