码迷,mamicode.com
首页 > 移动开发 > 详细

移动端上传照片

时间:2018-06-05 20:02:47      阅读:202      评论:0      收藏:0      [点我收藏+]

标签:src   function   tips   utf-8   比较   htm   btn   百度云   doc   

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

 

移动端上传照片

标签:src   function   tips   utf-8   比较   htm   btn   百度云   doc   

原文地址:https://www.cnblogs.com/Andrea-Li/p/9141369.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!