作者FT6034 (耐心等待)
看板PHP
標題[請益] 自動儲存canvas的圖片
時間Mon Jan 21 17:35:35 2013
試做網址:
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
→ shadowjohn:ajax or form submit 01/21 17:37
→ shadowjohn:沒記錯的話 dataurl 其實是 base64 資料 01/21 17:39
→ FT6034:感謝 shadowjohn 大! 自己摸了好久都摸不到頭緒 01/21 17:41