亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

將“畫布”圖像數據上傳到服務器

將“畫布”圖像數據上傳到服務器

我需要即時將畫布圖像數據上傳到服務器(數據庫),即,我需要創建一個帶有input = file的表單,并在沒有任何用戶交互的情況下發布圖像數據。
查看完整描述

3 回答

?
慕容3067478

TA貢獻1773條經驗 獲得超3個贊

您不需要文件輸入,只需ctx.getImageData()使用Ajax 獲取數據并將其發布到服務器即可。


請參閱MDN文檔CanvasRenderingContext2D.getImageData()。


但是,即使使用,您也無法在IE中獲取圖像數據ExCanvas。


查看完整回答
反對 回復 2019-10-28
?
尚方寶劍之說

TA貢獻1788條經驗 獲得超4個贊

這是我解決此問題的方法。使用JavaScript將圖像發布為base64數組,然后使用PHP解碼并將其保存為圖像。


客戶端(JavaScript):


$.post('/ajax/uploadthumbnail',

    {

        id : id,

        img : canvas.toDataURL("image/png")

    }, function(data) {

        console.log(data);

    });

服務器端(PHP):


$img = $_POST['img'];

$img = str_replace('data:image/png;base64,', '', $img);

$img = str_replace(' ', '+', $img);

$data = base64_decode($img);

$file = $_SERVER['DOCUMENT_ROOT'] . '/images/some_name.png';

file_put_contents($file, $data);


查看完整回答
反對 回復 2019-10-28
  • 3 回答
  • 0 關注
  • 691 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號