html2canvas.js | 將圖像發送到服務器變量

Question

我正在使用jquery和codeigniter創建一個自定義的畢業偷配置器。 我已經擁有了現在想要的一切，我的計划是當他們單擊“添加到購物車”按鈕時，使用html2canvas拍攝偷取div的屏幕截圖。 我只需要將此圖像傳遞給隱藏的輸入值或其他東西，以便可以將圖像寫入服務器。

可以在此處查看Stole配置器： custom stole configurator 。 當您單擊“添加到購物車”按鈕時，當前會生成竊取圖像，並且看起來工作得相當好。

我只是停留在最好的方法或以任何方式將URL放在隱藏輸入中的圖像上，或者以某種方式將圖像移動到文件夾並為其編寫了路徑。

我這樣做的目的是，使購物車中可以有一個指向“自定義偷取預覽”的鏈接，當他們單擊它時，它將顯示此畫布渲染。

任何有關如何實現此目標的幫助都將大有幫助。 謝謝。

順便說一下，這是進行屏幕截圖的JS：

$('#addToCart').click(function(event) {
event.preventDefault();
 $('div.customstole').html2canvas();
 var queue = html2canvas.Parse();
 var canvas = html2canvas.Renderer(queue,{elements:{length:1}});
 var img = canvas.toDataURL();
 $('body').append(img);

}）;

編輯：

$('#addToCart').click(function(event) {
    event.preventDefault();
     $('div.customstole').html2canvas();
     var queue = html2canvas.Parse();
     var canvas = html2canvas.Renderer(queue,{elements:{length:1}});
     $('#dataUrl').val(canvas.toDataURL());
});

Answer 1

將數據URL寫入隱藏的輸入中，然后在服務器端將它的base64_decode()寫入，並從結果字符串中寫入圖像。