php - 使用 Javascript 将图像大小变量传递给 PHP 页面

Question

我正在尝试使用 javscript 将画布绘图发送到服务器。

具有以下功能：

function uploadPic() {              
    var imgData = document.getElementById("myCanvas").toDataURL();
    window.location = "myPHPfile.php?imageData=" + imgData;
}

由于imgData变量很大，将其传递给 php 页面的最佳方法是什么。提前致谢！

Answer 1

用户发布请求以传递大数据。您可以使用 jQuery post 方法

$.post('myPHPfile.php', { imageData: imgData }, function(data) {
    // completed
});

或创建并发布表单：

function uploadPic() {              
    var imgData =  document.getElementById("myCanvas").toDataURL();

    var form = document.createElement('form');
    form.method = "POST";
    form.action = "myPHPfile.php";
    var hidden = document.createElement('input');
    hidden.type = 'hidden';
    hidden.name = 'imageData';
    hidden.value = imgData;
    form.appendChild(hidden);
    document.body.appendChild(form);
    form.submit();
}