在 laravel 中使用 ajax 将 base64 图像数据发送到控制器答案

【问题标题】：Send base64 image data to controller using ajax in laravel在 laravel 中使用 ajax 将 base64 图像数据发送到控制器
【发布时间】：2020-01-22 05:48:06
【问题描述】：

        function takess(){
           html2canvas(document.querySelector("#figdiv")).then(canvas => {
                dataURL = canvas.toDataURL();
                $.ajax({
                  type: "post",
                  url: "/savemarkupscreenshot",
                  data: { 
                     imgBase64: dataURL
                  }
                }).done(function(o) {
                  console.log(o);
                  $('#markupimage').val(o);
                  $('#markupform').submit();  
                });
            });
        };

此函数在本地完美运行（它发送 base64 数据，在控制器中将其转换为图像，控制器返回图像的名称）。但是当部署在实时服务器上时，它会提供 net::ERR_TIMED_OUT

【问题讨论】：

你看到请求到达服务器了吗？如果没有，请检查您的网络。如果请求到达您的服务器，请检查返回代码或进行一些调试（打印请求标头等）
@deepesh no 请求没有到达服务器。我的网络也没有问题

标签： ajax laravel canvas html5-canvas base64

【解决方案1】：

这似乎是防火墙问题。

更改服务器的防火墙设置。允许您使用的端口

例子：

sudo ufw 允许 6001

关于如何为 UBUNTU 设置防火墙的参考

https://www.digitalocean.com/community/tutorials/how-to-set-up-a-firewall-with-ufw-on-ubuntu-16-04

【讨论】：