通过JQ上传图片base64数据应该注意的事项

当我们使用JQ的AJAX进行图片base64数据上传时会遇到几个常见问题，下面列出几条应该注意的事项：

1，应去掉图片头如：“data:image/jpeg;base64,”，在转换图片base64数据时会自动在前面加上图片信息，如“data:image/png;base64,”、“data:image/jpg;base64,”、“data:image/jpeg;base64,”、“data:image/gif;base64,”、“data:image/bmp;base64,”等等，我们应该去掉这些才能保存图片，在上传前客户端或者上传后服务端处理都行。

2，AJAX传输时会自动把内容里的“+”自动转换成空格，在上传前我们应该将“+”符号进行编码。

完整客户端代码：
var localData0 = res.localData;    // localData是图片的base64数据，可以用img标签显示
var localData =localData0.replace(/^.*?,/,'');    // 去掉各类图片头
var localData = localData.replace(/\+/g, "%2B");   // 把+替换成编码 %2B是加号的编码
$.ajax({  //通过ajax来将base64数据发送给服务器端
                                url:"topic.php",
                                data:{'localData':localData},    //localData为图片已经转换好的base64编码
                                type:"post",
                                dataType: "text",
                                async:false,//false表示异步执行,true同步
                                success:function(res){
var text = document.getElementById("picurl").＆#118alue;  //取出picurl之前的值
var text1= text+","+res;    //多图上传时的多图片路径拼合
document.getElementById("picurl").＆#118alue=text1; //上传成功后返回图片路径赋值给picurl
                                },
                            });

然后服务器端就可以将图片base64数据保存为图片了，具体代码百度很多。

2018/9/20 庆中秋迎国庆轻云网站优惠大促销

2018/9/20 奇亿网站建设公司关于中秋节国庆节的放假通知

2018/9/1 阿里云服务器超低价促销2核4G三年699元

2018/4/27 带参数微信小程序二维码的生成方法

2018/4/18 新互联时代网站建设的价值浅谈

2018/4/8 奇亿迎五一云网站买二年送一年活动！

2018/3/30 大数据时代下的网站运营方式

2018/3/29 网站怎样做差异化的运营？

2018/3/28 网站建设中页面导航的四大类型

2018/3/27 浅谈网站建设与seo的密切关系

2018/3/26 符合SEO规则的网页设计应做到“七不要”

2018/3/23 客户主动找上门是坚持做seo的最好理由

2018/3/22 如何避免千篇一律的网站运营方式？

2018/3/20 软文推广写好优质原创的三要素

2018/3/19 网站排名与流量之间的关系

2018/3/16 论网站原创内容究竟该不该被保护

2018/3/14 增加吸引力的软文推广技巧

2018/3/13 浅谈网站索引页面建立的意义

2018/3/12 收录与快照在不同搜索引擎中的区别

2018/3/10 网站建设时如何给网站设置验证码？