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

Question

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

具有如下功能:

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();
}