cropbox jQueryでクリッピングした画像をPOSTしたい

http://flipsblog.jp/archives/1393
↑ここで紹介されているcropboxというプラグインを使って画像をクリッピングしてるのですが、このクリッピングした後にポンポン表示される画像をsubmitでpostする方法ってありませんでしょうか。自分でもいろいろ試してみたのですが、成功しません。
宜しくお願いします。

↓ここから追記
https://fileup.cube-soft.jp/?0631f15418fabecc3bbbc583a23f0a72772cf9b3
ご指摘いただきありがとうございます。↑がいま作成中のものです。
どのファイルがご入用かわからなかったのでとりあえずすべてのファイルをまとめてzipにしています。
ご確認いただければ幸いです。

m.ts10806

2017/06/23 05:15

やってみた・試してみたソースをご提示ください。

massiveGorilla

2017/06/23 05:34

質問本文に追記しました。よろしければご確認くださいませ。

kei344

2017/06/23 07:40

HTMLとJavaScriptを質問文にコードブロックで追記してください。コードブロックは ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

行動規範の内容に同意します

回答1件

ベストアンサー

Data URI 取得時の情報をhiddenなどで持っておけばいいのではないでしょうか？

HTML
1<input type="hidden" id="image" name="image" />

JavaScript
1       document.querySelector('#btnCrop').addEventListener('click', function(){
2            var img = cropper.getDataURL()
3            document.querySelector('.cropped').innerHTML += '<img src="'+img+'">';
4            $('#image').val(img); // add.
5        })