postメソッドを使用してcanvas2pngを使用して生成されたbase64エコー画像の問題

Question

私はDivisionからImageを生成する必要がある1つのプロジェクトで作業しています。この部門は動的コンテナです。管理者がその部門にコンポーネントを追加しています。

フォームは私が道を以下に画像を生成しています提出する前に、私は保存のクリック時にも1

see image、データベースにこのテンプレート300 X 300のdivの幅を作成するために元気です。

var createContainer = document.querySelector("#container"); 
     html2canvas(createContainer, { 
      onrendered: function (canvas) { 
       console.log(canvas); 
       $("#templateImage").val(canvas.toDataURL()); 
       console.log($("#templateImage").val()); 
      }, 
      width: 300, 
      height: 300 
     }); 

私は、コンソールでこのbase64で値を取得しますがjqyeryを使用して税のボックスにそれを得ることができませんhtml2canvas.js

を使用して300 X 300のキャンバスを生成しています。 BASE64値は、私がすることにより、次のページでこの値を取得することはできませんよ link to file which contains base64 value

Probblem-1私もテキストボックスに値を取得することができ、次のページにないです

問題-2でありますPOSTメソッド

Answer 1

コンソールに値を表示できるのは、JSに値があることを意味します。あなたはサーバーにこの値を送信するためにajaxリクエストを使用することができます。&サーバのイメージを保存して、イメージパスを返します。これで、返されたパスをテキストボックスまたは任意の入力フィールドに設定して、postメソッドを使用して次のページの値にアクセスできます。