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 変数に入れる方法がわかりません。

これを行うための最良の方法は何ですか？ありがとう

score 0 · Accepted Answer

私があなたの質問を正しく理解していれば、それは次のようなものかもしれません:

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

score 0 · Accepted Answer

ID を持つ非表示の入力を追加し、送信時にその値を変更します。

例：

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

そしてjQueryで：

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

score 0 · Accepted Answer

非表示タイプの入力フィールドがあります。

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

score 0 · Accepted Answer

画像データをシリアル化し、非表示の入力で POST することができます。<input type="hidden" name="img_src" value="[your image data]">

4 に答える 4