在PHP中使用全局變量POST來接收一個java腳本變量

Question

我是一名高中生，我試圖完成我的網頁設計課程的最終項目。我遇到了PHP中全局數組「POST」的問題。

一些背景信息：我有一個HTML 5 canvas元素，我已經使用Js（JavaScript）來繪製在畫布上。到目前爲止，一切都很好。現在我想將畫布保存到服務器上的文本文件，以便其他人能夠獲取此.txt文件並重新繪製畫布。

談到實際問題。我已經使用函數「.toDataUrl（）」來提取畫布的代碼。現在我想將這個使用AJAX發送到一個php文件，然後寫入一個txt文件，然後它應該關閉該文件並退出php腳本。

目前我的代碼看起來是這樣的：

的Javascript：

function save() { 
    if (selectSave.selectedIndex == 0) { 
     dataURLSave1 = canvas.toDataURL(); 
     var request = ajaxRequest; 
     request.open("POST", "http://berzanlabb.se/te11e/jimbjo310/Projektsida/write_1.php", true); 
     request.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
     request.setRequestHeader("Content-length", dataURLSave1.length); 
     request.setRequestHeader("Connection", "close") 
     request.onreadystatechange = function() {//Call a function when the state changes. 
     if(request.readyState == 4 && request.status == 200) { 
      alert("Done: "+request.responseText); 
     } 
    } 
    request.send(dataURLSave1); 

    return; 
} 

和php：

<?php 
$file=fopen("save_1.txt","w+") or exit("Unable to open file!"); 
$_POST['dataURLSave1']; 
$test=$_POST['dataURLSave1']; 
echo fwrite($file,"$test"); 
fclose($file); 
?> 

該代碼可以使用全局變量 「GET」，但不與POST。我面臨的問題是GET不夠長，無法發送我想發送的變量。所以我已經開始使用POST了。但現在我不知道爲什麼PHP沒有得到變量。

對不起，如果格式化是你曾見過的皺紋，或者如果這個問題以前曾被蜜蜂攻擊過。我試圖在網上搜索一個答案，但我還沒有找到答案。

Answer 1

我認爲這可以很好地解釋你想要的：HTML5: Saving Canvas Image Data Using PHP And Ajax。