PHP實(shí)現(xiàn)將HTML5中Canvas圖像保存到服務(wù)器的方法
本文實(shí)例講述了PHP實(shí)現(xiàn)將HTML5中Canvas圖像保存到服務(wù)器的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
一、問題：
在幾年前HTML5還沒有流行的時(shí)候，我們的項(xiàng)目經(jīng)理曾經(jīng)向我提出這樣一個(gè)需求：讓項(xiàng)目評審專家們在評審結(jié)束時(shí)用筆在平板電腦上進(jìn)行電子簽名。這需要我們評審軟件里提供這樣一個(gè)功能：打開瀏覽器，登錄，進(jìn)入評審意見頁，頁面最下部有個(gè)方塊區(qū)域，用戶在這里用觸摸筆進(jìn)行簽名，然后這個(gè)簽名將會(huì)保持的服務(wù)器上。
這樣的一個(gè)需求在當(dāng)時(shí)是讓我大費(fèi)周折，但如今想起來，如果用html5的canvas實(shí)現(xiàn)，真是太簡單了。在《在HTML5 Canvas中放入圖片和保存為圖片的方法》這篇文章里就實(shí)現(xiàn)了這一功能。
二、解決方法：
之前說了很多如何將canvas圖像保存成圖片并下載的方法，但這些方法都是將圖片保存到客戶端，而我們的簽名需求是需要將canvas的內(nèi)容保存到服務(wù)器端，如何實(shí)現(xiàn)？
其實(shí)很簡單，看完下面的這段PHP代碼，相信你也會(huì)覺得很簡單。
// 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進(jìn)行解碼，保存成文件。
或許有一天你也會(huì)需要用到它的，覺得很有用的話就收藏一下吧！
希望本文所述對大家的PHP程序設(shè)計(jì)有所幫助。
相關(guān)文章
這篇文章主要介紹了php使用gzip壓縮傳輸js和css文件的方法,實(shí)例分析了使用gzip實(shí)現(xiàn)壓縮js和css文件的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
PHP彈出提示框并跳轉(zhuǎn)到新頁面即重定向到新頁面
本文為大家介紹下使用PHP彈出提示框并跳轉(zhuǎn)到新頁面，也就是大家所認(rèn)為的重定向，下面的示例大家可以參考下2014-01-01
Windows版的PHP從版本5.2.1開始有Thread Safe(線程安全)和None Thread Safe(NTS，非線程安全)之分，這兩者不同在于何處？到底應(yīng)該用哪種？這里做一個(gè)簡單的介紹2013-08-08
php時(shí)區(qū)轉(zhuǎn)換轉(zhuǎn)換函數(shù)
godaddy主機(jī)在國外。把站點(diǎn)建站國外，顯示時(shí)間時(shí)可能需要時(shí)區(qū)轉(zhuǎn)換，下面是個(gè)方便的工具函數(shù)，用于時(shí)區(qū)轉(zhuǎn)換2014-01-01
php檢測數(shù)組長度函數(shù)sizeof與count用法
這篇文章主要介紹了php檢測數(shù)組長度函數(shù)sizeof與count用法,實(shí)例分析了count的用法,并對sizeof函數(shù)進(jìn)行了詳盡的分析說明,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-11-11
微信公眾平臺(tái)開發(fā)關(guān)注及取消關(guān)注事件的方法
這篇文章主要介紹了微信公眾平臺(tái)開發(fā)關(guān)注及取消關(guān)注事件的方法,較為詳細(xì)的分析了微信公眾平臺(tái)設(shè)置關(guān)注的技巧,并附帶了相關(guān)參數(shù)的說明,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
新版本PHP引入了許多新的語法和語言功能,以及更嚴(yán)格的類型檢查,需要進(jìn)行一些代碼修改和調(diào)整,對于使用PHP5開發(fā)的項(xiàng)目,升級到PHP8可能需要花費(fèi)一些時(shí)間和精力,此外,由于PHP對一些舊有函數(shù)和方法進(jìn)行了廢棄和刪除,可能還需要進(jìn)行一些代碼重構(gòu)2024-02-02
php設(shè)計(jì)模式之適配器模式原理、用法及注意事項(xiàng)詳解
這篇文章主要介紹了php設(shè)計(jì)模式之適配器模式原理、用法及注意事項(xiàng),結(jié)合實(shí)例形式分析了php適配器模式的定義、用法及出現(xiàn)的問題與解決方法,需要的朋友可以參考下2019-09-09
PHP自定義圖片縮放函數(shù)實(shí)現(xiàn)等比例不失真縮放的方法
這篇文章主要介紹了PHP自定義圖片縮放函數(shù)實(shí)現(xiàn)等比例不失真縮放的方法,結(jié)合實(shí)例形式分析了php圖片縮放函數(shù)的功能實(shí)現(xiàn)與使用技巧,需要的朋友可以參考下2016-08-08
