[請益] 自動儲存canvas的圖片

看板PHP作者 (耐心等待)時間11年前 (2013/01/21 17:35), 編輯推噓0(004)
留言4則, 2人參與, 最新討論串1/1
試做網址: http://210.243.29.81/paint.htm 於上方畫布畫出註記線條 -> 點 [輸出影像] -> //輸出影像 function Button2_onclick(){ document.getElementById("img").src = m.toDataURL("image/png"); } 下方畫布會出現註記過的圖片,可以右鍵另存新檔 <img alt="" src="" id="img" style="width: 400px; height: 300px; border-style: solid; border-width: 1px"/> 下方的 [下載] 連結也可以直接下載圖片 <a href="#" download="dl.png" onclick="this.href=m.toDataURL();" >下載</a> 問題: 請問如果想要利用PHP讓這張圖片自動存到伺服器端,應該怎麼做呢? 備註:想拿來給學生用,學生用學號登入系統,    完成註記後,利用PHP自動將學生學號作為檔名,自動存到伺服器端,    再搭配其他程式做作品的展示。 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 210.243.29.251

01/21 17:37, , 1F
ajax or form submit
01/21 17:37, 1F

01/21 17:39, , 2F
沒記錯的話 dataurl 其實是 base64 資料
01/21 17:39, 2F


01/21 17:41, , 4F
感謝 shadowjohn 大! 自己摸了好久都摸不到頭緒
01/21 17:41, 4F
文章代碼(AID): #1G_Glfsy (PHP)