PHP图像保存不起作用

Question

我最近在youtube上遇到了CodeCourse的教程，关于将画布/绘图作为图像保存到Web服务器上。我已按照教程进行操作，除了保存部分外，一切正常。我在Apache 2上的Ubuntu 14.04上托管了一个Web服务器。我自己做了一些调试，我收到了两个错误 - 我认为它们是连接的。

所有HTML都是正确的，并且没有任何错误。错误发生在save.js文件中。这是代码：

var saveButton = document.getElementById('save');

saveButton.addEventListener('click', saveImage);

function saveImage(){
    var data = canvas.toDataURL();

    // save image
    var request = new XMLHttpRequest();

    request.onreadystatechange = function(){
        if(request.readyState == 4 && request.status == 200){
            var response = request.responseText;
            window.open(response, '_blank', 'location=0, menubar=0');
        }else{
            console.log("Failure");
        }
    }

    request.open('POST', 'save.php', true);
    request.setRequestHeader('Content-type','application/x-www-form-urlencoded');
    request.send('img='+data);
}

调试时我注意到的第一件事就是第16行正在运行。在教程中，他说状态200是“OK”，不像404,500等。第二个错误是在第22行。在控制台中，我看到：

我有点困惑。对我来说，似乎根本没有PHP服务器设置，但我不确定。该教程是从2013年开始的，这是一个过时的方法吗？