方案一：

图片压缩base64编码成字符串：

/*压缩图片并将图片转换成base64，以便ajax提交数据 path:图片的路径*/  function toBase64Image(path){var img = new Image();img.src = path;img.onload = function(){var that = this;//生成比例 var w = that.width,h = that.height,scale = w / h; w = 720 || w;              //720  你想压缩到多大，改这里h = w / scale;//console.log("w:"+w +" h:"+h); // 生成canvasvar canvas = document.createElement('canvas');var ctx = canvas.getContext('2d');$(canvas).attr({width : w, height : h});ctx.drawImage(that, 0, 0, w, h);var base64Picture = canvas.toDataURL('image/png', 1 || 0.8 );console.log("图片的base64:"+base64Picture);}}

demo 截图

拍照|选择图片上传demo 源码

上传图片保存图片保存图片

formData保存图片

拍照
相册选取

取消

服务器端接收客户端上传的图片base64编码：

@RequestMapping(value = "uploadData", method = {RequestMethod.POST}, produces = { "application/json;charset=UTF-8" })@ResponseBodypublic String uploadData(HttpServletRequest request) throws Exception {String url = ParamConst.QUERY_ASSET_CARD;String base64Image  = request.getParameter("base64Image"); //图base64编码字符串String pictureName  = request.getParameter("pictureName");String base64img = base64Image.substring(22, base64Image.length());//去掉base64前面22个字符 data:image/png;base64,是固定值 logger.info("图片的名称："+pictureName);logger.info(base64img);//保存图片路径String savePath = request.getRealPath("/")+"resources\\platform\\images\\";String filePath = savePath ;logger.info(" 图片保存路径："+ savePath);//保存图片Base64Image.GenerateImage(base64img, savePath, pictureName);............}
}

Base64编码解码类：将指定的图片base64编码成字符串，将base64编码字符解码生成图片

empty

方案二：

客户端截图：

服务器端servlet代码:

app客户端上传图片实现方式相关推荐

uni-app接入阿里云认证SDK（号码认证服务），App客户端一键登方式
uni-app接入阿里云认证SDK(号码认证服务)App客户端一键登方式首先,你需要了解和开通阿里云的号码认证服务,地址:https://help.aliyun.com/product/75010. ...
关于已上架APP下架的正确方式
呜呼,就在刚刚把自己亲手写的app从appstore下架了,心情低落,这种感觉就像把自己的孩子弄丢了一样.没办法,产品经理一句话,说下就得下啊,因为他给客户吹出去牛逼了,现在产品却不能达到预期,再者我 ...
android iOS App客户端如何实现在线支付
*android iOS App客户端如何实现在线支付**Q~~1⑨9⑦O*⑦46 阔别已久,小课堂再次开课,今天将和大家分享在开通各个支付渠道之前,你可能想要了解的一些信息. 对支付领域一无所知,对 ...
文件服务器如何鉴权,服务器客户端鉴权方式
服务器客户端鉴权方式内容精选换一换华为云会议提供了服务端API开放和客户端SDK开放,开发者基于自己的应用场景可以灵活地集成华为云会议的开放性接口.本文介绍了几个基于华为云会议集成的最佳实践,帮 ...
APP客户端性能专项测试手册
APP客户端性能专项测试手册一.前言 1.1文档目的通过对本文档的学习,对APP客户端性能专项测试的理论知识,测试工具,测试方法,缺陷分析思路等能有一定程度的了解,并能快速投入到专项测试工作中去. ...
App 请求校验/加密方式总结
为什么80%的码农都做不了架构师?>>> 最近对几款App(橙光, 闪艺),微信小程序(链家,汽车之家,)进行破解,学习了请求的加签.验签/加密.解密方式,特做总结. 常见的 ...
懂商业的技术合伙人(14)：使用HTML5开发App客户端，HTML5+和MUI框架基本介绍
我非常倾向使用HTML5,搞定PC Web.Mobile Web.Android和iOS.微信小程序等各种UI开发. 作为技术人员,一次学习,处处使用,是个美好的愿望. 本文把2014~2017年,零 ...
通过客户端编程的方式调用webservice
通过客户端编程的方式调用webservice其实与通过jdk调用webservice的方式其实是一样的.在4种调用webservice的方式中推荐使用通过jdk来调用webservice的那一种方式 ...
Java 实现 SSH 协议的客户端登录认证方式
摘自:http://blog.sae.sina.com.cn/archives/333/comment-page-1#comment-37391 简介: 本文首先对 SSH 协议的基础知识作以介绍,然 ...
解决android客户端上传图片到服务端时，图片损坏的问题
解决android客户端上传图片到服务端时,图片损坏的问题参考文章: (1)解决android客户端上传图片到服务端时,图片损坏的问题 (2)https://www.cnblogs.com/cnbl ...

app客户端上传图片实现方式

方案一：

图片压缩base64编码成字符串：

demo 截图

拍照|选择图片上传demo 源码

服务器端接收客户端上传的图片base64编码：

Base64编码解码类：将指定的图片base64编码成字符串，将base64编码字符解码生成图片

方案二：

app客户端上传图片实现方式相关推荐

最新文章

热门文章