在服務(wù)器上將 HTML5 Canvas 保存為圖像的疑難解答
問題
遵循在線教程后，嘗試將 HTML5 Canvas 保存為圖像在服務(wù)器上導(dǎo)致文件損壞或空。原因尚不清楚。
解決方案
1.正確配置 XMLHttpRequest：
- 將自定義 XMLHttpRequest 創(chuàng)建替換為以下內(nèi)容以支持舊版和現(xiàn)代瀏覽器：
var xmlHttpReq = false;
if (window.XMLHttpRequest) {
ajax = new XMLHttpRequest();
} else if (window.ActiveXObject) {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
}
- 設(shè)置內(nèi)容類型為application/x-www-form-urlencoded:
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
2.修改 PHP 腳本：
- 將 substr($imageData, strpos($imageData, ",")) 更改為 substr($imageData, strpos($imageData, ",")) 1 .
- 通過檢查文件句柄之前是否有效來處理潛在的錯(cuò)誤寫作：
if ($fp) {
fwrite($fp, $unencodedData);
fclose($fp);
}
修訂的 JavaScript 和 PHP 代碼：
JavaScript
function saveImage() {
var canvasData = canvas.toDataURL("image/png");
var xmlHttpReq = false;
if (window.XMLHttpRequest) {
ajax = new XMLHttpRequest();
} else if (window.ActiveXObject) {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
}
ajax.open("POST", "testSave.php", false);
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.onreadystatechange = function() {
console.log(ajax.responseText);
}
ajax.send("imgData=" + canvasData);
}
PHP
<?php
if (isset($GLOBALS["HTTP_RAW_POST_DATA"])) {
$imageData = $GLOBALS['HTTP_RAW_POST_DATA'];
$filteredData = substr($imageData, strpos($imageData, ",")+1);
$unencodedData = base64_decode($filteredData);
if ($fp = fopen('/path/to/file.png', 'wb')) {
fwrite($fp, $unencodedData);
fclose($fp);
}
}
?>以上是為什么我的 HTML5 Canvas 圖像保存到服務(wù)器時(shí)會(huì)損壞？的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣服圖片
Undresser.AI Undress
人工智能驅(qū)動(dòng)的應(yīng)用程序，用于創(chuàng)建逼真的裸體照片
AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。
Clothoff.io
AI脫衣機(jī)
Video Face Swap
使用我們完全免費(fèi)的人工智能換臉工具輕松在任何視頻中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的代碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
功能強(qiáng)大的PHP集成開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級(jí)代碼編輯軟件(SublimeText3)
如何在PHP中實(shí)施身份驗(yàn)證和授權(quán)？
Jun 20, 2025 am 01:03 AM
tosecurelyhandleauthenticationandationallizationInphp，lofterTheSesteps：1.AlwaysHashPasswordSwithPassword_hash（）andverifyusingspasspassword_verify（），usepreparedStatatementStopreventsqlineptions，andStoreSeruserDatain usseruserDatain $ _sessiveferterlogin.2.implementrole-2.imaccessccsccccccccccccccccccccccccc.
我如何了解最新的PHP開發(fā)和最佳實(shí)踐？
Jun 23, 2025 am 12:56 AM
TostaycurrentwithPHPdevelopmentsandbestpractices,followkeynewssourceslikePHP.netandPHPWeekly,engagewithcommunitiesonforumsandconferences,keeptoolingupdatedandgraduallyadoptnewfeatures,andreadorcontributetoopensourceprojects.First,followreliablesource
什么是PHP，為什么它用于Web開發(fā)？
Jun 23, 2025 am 12:55 AM
PHPbecamepopularforwebdevelopmentduetoitseaseoflearning,seamlessintegrationwithHTML,widespreadhostingsupport,andalargeecosystemincludingframeworkslikeLaravelandCMSplatformslikeWordPress.Itexcelsinhandlingformsubmissions,managingusersessions,interacti
如何設(shè)置PHP時(shí)區(qū)？
Jun 25, 2025 am 01:00 AM
tosetTherightTimeZoneInphp，restate_default_timezone_set（）functionAtthestArtofyourscriptWithavalIdidentIdentifiersuchas'america/new_york'.1.usedate_default_default_timezone_set_set（）
如何在操作系統(tǒng)（Windows，MacOS，Linux）上安裝PHP？
Jun 20, 2025 am 01:02 AM
安裝PHP的方法因操作系統(tǒng)而異，以下是具體步驟：1.Windows用戶可使用XAMPP一鍵安裝包或手動(dòng)配置，下載XAMPP并安裝，選擇PHP組件或?qū)HP加入環(huán)境變量；2.macOS用戶可通過Homebrew安裝PHP，運(yùn)行相應(yīng)命令安裝并配置Apache服務(wù)器；3.Linux用戶（Ubuntu/Debian）可使用APT包管理器更新源后安裝PHP及常用擴(kuò)展，并通過創(chuàng)建測試文件驗(yàn)證安裝是否成功。
我如何驗(yàn)證PHP中的用戶輸入以確保其符合某些標(biāo)準(zhǔn)？
Jun 22, 2025 am 01:00 AM
TovalidateuserinputinPHP,usebuilt-invalidationfunctionslikefilter_var()andfilter_input(),applyregularexpressionsforcustomformatssuchasusernamesorphonenumbers,checkdatatypesfornumericvalueslikeageorprice,setlengthlimitsandtrimwhitespacetopreventlayout
如何使用session_destroy（）在PHP中破壞會(huì)話？
Jun 20, 2025 am 01:06 AM
要完全銷毀PHP中的會(huì)話，必須先調(diào)用session_start()啟動(dòng)會(huì)話，再調(diào)用session_destroy()刪除所有會(huì)話數(shù)據(jù)。1.首先使用session_start()確保會(huì)話已啟動(dòng)；2.然后調(diào)用session_destroy()清除會(huì)話數(shù)據(jù)；3.可選但推薦：手動(dòng)unset$_SESSION數(shù)組以清除全局變量；4.同時(shí)刪除會(huì)話cookie，防止用戶保留會(huì)話狀態(tài)；5.最后注意在銷毀后重定向用戶，并避免立即復(fù)用會(huì)話變量，否則需重新啟動(dòng)會(huì)話。這樣做能確保用戶徹底退出系統(tǒng)，不留殘留信息。
什么是php（serialize（），Unserialize（））中的數(shù)據(jù)序列化？
Jun 22, 2025 am 01:03 AM
thephpfunctionserize（）andunSerialize（）redustoconvertComplexdatStructDestoresToroStoroStoroSandaBackagagain.1.Serialize（）
