从 iPad 或其他基于触控的设备发送画布图像时，我的基于画布的签名板不会将图像保存到指定目录。尽管从 Visual Studio 和常规 Windows PC 上的实时网站测试时图像数据发送得非常好，但 iPad 似乎无法通过 JavaScript 函数发送 Base64 代码。
在为这个站点创建 reprex 时，我注意到我需要在 RouteConfig.cs 中注释掉一行（感谢 Sanjay Sharma），然后应用程序甚至能够将图像发送到我的本地机器。从那时起，我尝试查看是否有任何类型的重定向问题会导致在 iPad 上工作时出现问题，但我没有发现任何建议。
此页面构建为 ASP.NET Web 窗体站点（Visual C# > Web > 以前的版本），它包含一个可用于触摸和桌面界面的画布。用于制作画布的代码（在“Drawpad”中调用）基于此处找到的代码：
https://www.html5canvastutorials.com/labs/html5-canvas-paint-application/
https://jsfiddle.net/gfcarv/66nVn/
http://jsfiddle.net/sdncP/
<body data-rsssl="1" onload="DrawPad()">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<input type="hidden" id="imageData" runat="server" class="image-data" />
<canvas id="myCanvas" width="500" height="100"></canvas>
<br />
<asp:Button ID="btnSave" runat="server" Text="Submit" />
</form>
<script type="text/javascript" id="jsDraw">
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
// function DrawPad() {...} // see the bullet points for this one
$("#btnSave").click(function () {
var image = document.getElementById('myCanvas').toDataURL("image/png");
image = image.replace('data:image/png;base64,', '');
$.ajax({
type: 'POST',
url: 'Default.aspx/UploadImage',
data: '{ imageData : "' + image + '" }',
contentType: 'application/json; charset=utf-8',
dataType: 'json'
});
});
</script>
</body>
应用程序应将图像流式传输到预定目录。尽管可以直接访问图像的 Base64 代码，但该过程中的某些内容（无论是 BinaryWriter、FileStream 还是其他内容）导致数据无法写入。因此，在尝试将文件名加载到所需表中时，尝试签署表单并发送图像会导致基于 SQL 的参数错误；因为文件没有被创建，所以没有文件名，因此即使有文件名也没有办法将数据提交到表中，也没有什么可回调的。
我最好的猜测是，当从 iPad 提交时，某些原因导致 UploadImage() 方法被完全忽略，但我不知道是什么。
相关分类