移动端上传照片
Posted AndreaLi
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了移动端上传照片相关的知识，希望对你有一定的参考价值。
我只想说这两天遇到这个图片上传的坎，差点就想砍人了。遇到了很多很多问题：比如传给后台的base64URL过大，导致页面失控自动关闭；比如传给后台的图片地址总是为空等。试了很多方法，总是出现反反复复的问题。
最后找到了一个比较方便，代码量比较少，应用比较简单的插件，在这里我要感谢作者，虽然不知道是谁。
应用场景：移动端管调用手机相册和相机，上传图片给接口进行识别
插件下载百度云地址：链接: https://pan.baidu.com/s/1YgMVGbOGUcb22P3SBstJLA 密码: 95ma
文本代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
< a href=" " class="fr mr1 upfile-btn" -id="JS-showTips">
拍行驶证自动填写<input id="upLicense" type="file" name="upLicense" capture="camera" accept="image/*">
</ a>
</body>
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="ajaxfileupload.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(‘#upLicense‘).bind(‘change‘, function () {
$.ajaxFileUpload({
url: ‘/wap/insurance-licenserecon.html‘,//处理图片脚本
secureuri: false,
type: ‘post‘,
data: {img: ‘upLicense‘, type: ‘6‘},
fileElementId: ‘upLicense‘,//file控件id
dataType: ‘json‘,
success: function (json, status) {
}
})
})
</script>
</html>
以上是关于移动端上传照片的主要内容，如果未能解决你的问题，请参考以下文章
移动端上传照片 预览+draw on Canvas demo（解决iOS等设备照片旋转90度的bug）