通过传递从画布生成的 datURL 将图像发送到服务器答案

【问题标题】：send image to server by passing datURL generated from canvas通过传递从画布生成的 datURL 将图像发送到服务器
【发布时间】：2015-09-19 05:51:28
【问题描述】：

我尝试将画布图像保存到我的应用程序中的“~/image/upload”文件夹。我收到此错误：加载资源失败：服务器响应状态为 405（不允许方法）。我在这里做错了什么？

var dataURL = canvas.toDataURL();
$.ajax({
type: "POST",
url: "image/upload",
data: { 
        imgBase64: dataURL
    }
}).done(function(o) {
   console.log('saved');                                                                     
});

【问题讨论】：

这（可能）意味着您的服务器端应用程序不允许对 URL image/upload 的 POST 请求。所以问题（可能）不在于您的 JS 代码，而在于服务器端代码。（不过，您可能确实想使用/image/upload）。

标签： javascript jquery ajax html5-canvas

【解决方案1】：

可能 URL 需要转义

var dataURL = encodeURIComponent(canvas.toDataUrl());

【讨论】：

我仍然遇到同样的错误。我需要在我的网址中添加任何内容吗？
嗯。如果将contentType: "application/json" 添加为ajax 参数怎么办。如果它不起作用，肯定需要检查后端方法“image/upload”