2013-07-10 22 views
2

使用fabric.js,我加入了一些文字覆蓋到用戶的本地圖像,然後順手把它變成一個POST的JavaScript生成的文件

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

現在,我需要將它發送到我的server.I知道如何上傳文件justing HTML和

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

但是,我無法弄清楚如何獲得$( '#PIC')。ATTR( 'SRC')轉換成POST變量。

這樣做的最好方法是什麼? 感謝

+0

什麼是'$( '#PIC')ATTR( 'SRC')'?它是一個數據的url對象url的常規URL等... – Musa

+0

我試過使用隱藏的輸入並設置它的值。這工作,有點。它出現在$ _POST而不是$ _FILES,我希望它。但是,我*可以與此生活在一起。如果有更好的方法,我寧願使用它。 –

回答

0

你可以serialize the image data,並採用了隱藏式輸入後它:<input type="hidden" name="img_src" value="[your image data]">

0

如果我明白你的問題的權利也可能是這樣的:

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

添加一個隱藏的輸入用ID和更改這是提交的價值。

實施例:

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

和與jQuery:

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

我會隱藏類型的輸入字段中。

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