vb.net html5,通过vb.net和Ajax将Html5 Canvas发送到服务器

博主在尝试将HTML5画布上的图像数据上传到服务器,通过点击按钮触发AJAX请求,将canvas转为base64字符串并发送到upload.aspx/UploadImage接口。然而,代码中的一行引起了编译错误,导致图像未能成功上传。尽管移除这行代码能消除编译错误,但图像仍无法上传。问题可能在于数据处理或服务器端的接收逻辑。
摘要由CSDN通过智能技术生成

我正在尝试实现我在网上找到的一段代码,以便在html5画布上上传一些图纸,以便我可以将图像附加到电子邮件中 .

// Send the canvas image to the server.

$(document).ready(function () {

$('#btnSave').live('click', function () {

var image = document.getElementById("tools_sketch").toDataURL();

image = image.replace('data:image/png;base64,', '');

$.ajax({

type: 'POST',

url: 'upload.aspx/UploadImage',

data: '{ "imageData" : "' + image + '" }',

contentType: 'application/json; charset=utf-8',

dataType: 'json',

success: function (msg) {

alert('Image sent!');

},

error: function (msg2) {

alert('Image problem!' + msg2.toString());

}

});

});

});

upload.aspx

upload.aspx.vb

Imports System.IO命名空间CanvasToServer Partial Class _upload Inherits System.Web.UI.Page Public Shared Sub UploadImage(ByVal imageData As String)

Dim fs As New FileStream("C:\uploaded\image.png", FileMode.Create)

Dim bw As New BinaryWriter(fs)

Dim data As Byte() = Convert.FromBase64String(imageData)

bw.Write(data)

bw.Close()

End Sub

End Class

结束命名空间

该行导致编译错误“属性说明符不是完整的语句 . 使用行继续将该属性应用于以下语句 . ”如果我删除该行代码编译但画布图像仍然没有上传到服务器 . 我在localhost上运行此代码,并且我的机器上存在文件夹c:\ uploaded .

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值