移动端上传照片

我只想说这两天遇到这个图片上传的坎,差点就想砍人了。遇到了很多很多问题:比如传给后台的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>

猜你喜欢

转载自www.cnblogs.com/Andrea-Li/p/9141369.html