在幾年前HTML5還沒有流行的時候，我們的項目經(jīng)理曾經(jīng)向我提出這樣一個需求：讓項目評審專家們在評審結(jié)束時用筆在平板電腦上進行電子簽名。這需要我們評審軟件里提供這樣一個功能：打開瀏覽器，登錄，進入評審意見頁，頁面最下部有個方塊區(qū)域，用戶在這里用觸摸筆進行簽名，然后這個簽名將會保持的服務(wù)器上。

這樣的一個需求在當(dāng)時是讓我大費周折，但如今想起來，如果用html5的canvas實現(xiàn)，真是太簡單了。在《將畫布(canvas)圖像保存成本地圖片的方法》這篇文章里就有一個只用了幾行代碼就實現(xiàn)了的畫板功能——很簡單，雖然有一個小bug——但完全能當(dāng)作簽名用。

我之前說了很多如何將canvas圖像保存成圖片并下載的方法，但這些方法都是將圖片保存到客戶端，而我們的簽名需求是需要將canvas的內(nèi)容保存到服務(wù)器端，如何實現(xiàn)？

其實很簡單，看完下面的這段PHP代碼，相信你也會覺得很簡單。

// requires php5

define('UPLOAD_DIR', 'images/');

$img = $_POST['img'];

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

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

$data = base64_decode($img);

$file = UPLOAD_DIR . uniqid() . '.png';

$success = file_put_contents($file, $data);

print $success ? $file : 'Unable to save the file.';

?>

從網(wǎng)頁上傳到服務(wù)器端的圖片是base64_encode轉(zhuǎn)碼過的Data URL格式，數(shù)據(jù)在服務(wù)器端用base64_decode進行解碼，保存成文件。我在上篇文章中提到的那個火狐瀏覽器的微博圖文分享工具，在服務(wù)器端就是用到了這段代碼。

有一天你也會需要用到它的，很有用的代碼，收藏一下吧！

總結(jié)

以上是生活随笔為你收集整理的php中在网页中显示图片代码,用PHP将网页上的Canvas图像保存到服务器上的方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。