最近在公司做资源及文章上传功能遇到一个小问题,被坑了好半天。

该功能就类似利用富文本编辑器发布信息,但是用Ajax提交数据,因此提交参数值中不可避免的含有html标签。
在本地运行代码一直没问题,总是可以提交成功,但是代码部署到线上就不能成功提交数据了,被坑了好久,找了好半天才找到问题所在。
提交不成功的原因是因为我的提交数据中含有html标签,然后直接无法请求到我的目标地址。
然后解决办法如下:
1、在页面用JS的Base64编码(类似加密)带有html标签的参数值。
2、在目标地址获取到数据后,利用后台Base64解码方法对获取到的数据进行解码即可。
以下是我的JS的Base64编码和解码方法代码:
//下面是64个基本的编码
var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
var base64DecodeChars = new Array(
-1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
-1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
-1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 62, -1, -1, -1, 63,
52, 53, 54, 55, 56, 57, 58, 59, 60, 61, -1, -1, -1, -1, -1, -1,
-1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14,
15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, -1, -1, -1, -1, -1,
-1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40,
41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, -1, -1, -1, -1, -1);
//编码的方法
function base64encode(str) {
var out, i, len;
var c1, c2, c3;
len = str.length;
i = 0;
out = "";
while(i < len) {
c1 = str.charCodeAt(i++) & 0xff;
if(i == len)
{
out += base64EncodeChars.charAt(c1 >> 2);
out += base64EncodeChars.charAt((c1 & 0x3) << 4);
out += "==";
break;
}
c2 = str.charCodeAt(i++);
if(i == len)
{
out += base64EncodeChars.charAt(c1 >> 2);
out += base64EncodeChars.charAt(((c1 & 0x3)<< 4) | ((c2 & 0xF0) >> 4));
out += base64EncodeChars.charAt((c2 & 0xF) << 2);
out += "=";
break;
}
c3 = str.charCodeAt(i++);
out += base64EncodeChars.charAt(c1 >> 2);
out += base64EncodeChars.charAt(((c1 & 0x3)<< 4) | ((c2 & 0xF0) >> 4));
out += base64EncodeChars.charAt(((c2 & 0xF) << 2) | ((c3 & 0xC0) >>6));
out += base64EncodeChars.charAt(c3 & 0x3F);
}
return out;
}
//解码的方法
function base64decode(str) {
var c1, c2, c3, c4;
var i, len, out;
len = str.length;
i = 0;
out = "";
while(i < len) {
do {
c1 = base64DecodeChars[str.charCodeAt(i++) & 0xff];
} while(i < len && c1 == -1);
if(c1 == -1)
break;
do {
c2 = base64DecodeChars[str.charCodeAt(i++) & 0xff];
} while(i < len && c2 == -1);
if(c2 == -1)
break;
out += String.fromCharCode((c1 << 2) | ((c2 & 0x30) >> 4));
do {
c3 = str.charCodeAt(i++) & 0xff;
if(c3 == 61)
return out;
c3 = base64DecodeChars[c3];
} while(i < len && c3 == -1);
if(c3 == -1)
break;
out += String.fromCharCode(((c2 & 0XF) << 4) | ((c3 & 0x3C) >> 2));
do {
c4 = str.charCodeAt(i++) & 0xff;
if(c4 == 61)
return out;
c4 = base64DecodeChars[c4];
} while(i < len && c4 == -1);
if(c4 == -1)
break;
out += String.fromCharCode(((c3 & 0x03) << 6) | c4);
}
return out;
}
function utf16to8(str) {
var out, i, len, c;
out = "";
len = str.length;
for(i = 0; i < len; i++) {
c = str.charCodeAt(i);
if ((c >= 0x0001) && (c <= 0x007F)) {
out += str.charAt(i);
} else if (c > 0x07FF) {
out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
} else {
out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
}
}
return out;
}
function utf8to16(str) {
var out, i, len, c;
var char2, char3;
out = "";
len = str.length;
i = 0;
while(i < len) {
c = str.charCodeAt(i++);
switch(c >> 4)
{
case 0: case 1: case 2: case 3: case 4: case 5: case 6: case 7:
// 0xxxxxxx
out += str.charAt(i-1);
break;
case 12: case 13:
// 110x xxxx 10xx xxxx
char2 = str.charCodeAt(i++);
out += String.fromCharCode(((c & 0x1F) << 6) | (char2 & 0x3F));
break;
case 14:
// 1110 xxxx 10xx xxxx 10xx xxxx
char2 = str.charCodeAt(i++);
char3 = str.charCodeAt(i++);
out += String.fromCharCode(((c & 0x0F) << 12) |
((char2 & 0x3F) << 6) |
((char3 & 0x3F) << 0));
break;
}
}
return out;
}
页面调用JS方法进行Base64编码代码如下:
var articleContent = editor.getContent(); articleContent = base64encode(utf16to8(articleContent));
但是呢,又遇到一个新的问题,用JS对数据进行Base64编码后,JS居然把加号(+)替换成了空格,造成我后台方法解码出来的数据不正确。
解决办法如下:
本人首先采用JS方法replace()方法进行替换,但是有错误,JS只是把我的第一个空格替换成了加号(+),最后解决办法如下。
在后台(目标接受地址下)对获取到的数据,把空格替换成加号(+)。代码如下:
string content = Request["content"].ToString();
if (content.Contains(""))
{
content=content.Replace(" ", "+");
}
//byte[] sa = Convert.FromBase64String(content);
//Encoding Ansi = Encoding.GetEncoding("GB2312");
// content = Ansi.GetString(sa);
content = Base64Decrypt(content);//Base64解码
如果后台的Base64编码和解码方法不会的请看下面:
/// <summary>
/// Base64加密
/// </summary>
/// <param name="input">需要加密的字符串</param>
/// <returns></returns>
public static string Base64Encrypt(string input)
{
return Base64Encrypt(input, new UTF8Encoding());
}
/// <summary>
/// Base64加密
/// </summary>
/// <param name="input">需要加密的字符串</param>
/// <param name="encode">字符编码</param>
/// <returns></returns>
public static string Base64Encrypt(string input, Encoding encode)
{
return Convert.ToBase64String(encode.GetBytes(input));
}
/// <summary>
/// Base64解密
/// </summary>
/// <param name="input">需要解密的字符串</param>
/// <returns></returns>
public static string Base64Decrypt(string input)
{
return Base64Decrypt(input, new UTF8Encoding());
}
/// <summary>
/// Base64解密
/// </summary>
/// <param name="input">需要解密的字符串</param>
/// <param name="encode">字符的编码</param>
/// <returns></returns>
public static string Base64Decrypt(string input, Encoding encode)
{
return encode.GetString(Convert.FromBase64String(input));
}
以上所述是小编给大家介绍的Ajax提交参数的值中带有html标签不能提交成功的解决办法(ASP.NET),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
# ajax提交html标签
# 详解ASP.NET Core WebApi 返回统一格式参数
# .NET/C#利用反射调用含ref或out参数的方法示例代码
# 浅谈Asp.net Mvc之Action如何传多个参数的方法
# ASP.NET MVC后台参数验证的几种方式
# ASP.NET MVC传送参数至服务端详解及实例
# ASP.NET jquery ajax传递参数的实例
# .Net获取URL中文参数值的乱码问题解决方法总结
# 在ASP.NET 2.0中操作数据之六:编程设置ObjectDataSource的参数值
# .net core在服务器端获取api传递的参数过程
# 解决办法
# 成了
# 小编
# 好半天
# 是因为
# 第一个
# 在此
# 给大家
# 线上
# 找了
# 就不能
# 不可避免
# 不正确
# 所述
# 编辑器
# 不成功
# 给我留言
# 感谢大家
# 有错误
# 疑问请
相关文章:
ppt制作免费网站有哪些,ppt模板免费下载网站?
如何通过万网虚拟主机快速搭建网站?
制作网站建设的公司有哪些,网站建设比较好的公司都有哪些?
已有域名和空间如何快速搭建网站?
如何制作一个表白网站视频,关于勇敢表白的小标题?
如何在Windows虚拟主机上快速搭建网站?
义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么?
,购物网站怎么盈利呢?
黑客入侵网站服务器的常见手法有哪些?
如何选择适合PHP云建站的开源框架?
建站三合一如何选?哪家性价比更高?
如何选择适配移动端的WAP自助建站平台?
制作营销网站公司,淘特是干什么用的?
家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作?
Swift开发中switch语句值绑定模式
沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息?
网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思?
网站制作新手教程,新手建设一个网站需要注意些什么?
邀请函制作网站有哪些,有没有做年会邀请函的网站啊?在线制作,模板很多的那种?
非常酷的网站设计制作软件,酷培ai教育官方网站?
如何通过cPanel快速搭建网站?
网站制作公司排行榜,四大门户网站排名?
中山网站制作网页,中山新生登记系统登记流程?
如何在云虚拟主机上快速搭建个人网站?
如何在橙子建站中快速调整背景颜色?
如何彻底删除建站之星生成的Banner?
手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办?
html制作网站的步骤有哪些,iapp如何添加网页?
电商网站制作价格怎么算,网上拍卖流程以及规则?
网站制作专业公司有哪些,如何制作一个企业网站,建设网站的基本步骤有哪些?
建站一年半SEO优化实战指南:核心词挖掘与长尾流量提升策略
已有域名建站全流程解析:网站搭建步骤与建站工具选择
青岛网站建设如何选择本地服务器?
如何高效配置IIS服务器搭建网站?
c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】
制作网站的过程怎么写,用凡科建站如何制作自己的网站?
教程网站设计制作软件,怎么创建自己的一个网站?
如何彻底卸载建站之星软件?
大连企业网站制作公司,大连2025企业社保缴费网上缴费流程?
制作网页的网站有哪些,电脑上怎么做网页?
nginx修改上传文件大小限制的方法
专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱?
TestNG的testng.xml配置文件怎么写
头像制作网站在线制作软件,dw网页背景图像怎么设置?
网站制作费用多少钱,一个网站的运营,需要哪些费用?
网站制作说明怎么写,简述网页设计的流程并说明原因?
香港服务器网站推广:SEO优化与外贸独立站搭建策略
香港网站服务器数量如何影响SEO优化效果?
高防服务器租用首荐平台,企业级优惠套餐快速部署
武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛,就是里面都是武汉人的?
*请认真填写需求信息,我们会在24小时内与您取得联系。