让微擎模块万能表单支持普通浏览器上传文件_后端技术_我的小家_八零在线_符号象

<img src="http://img.80zx.com/ueditor/image/202003/1585462990827266.png" title="image" alt="image"/>最近采用的微擎模块万能表单无法在手机端普通浏览器上传图片，查看代码发现只考虑了微信下的上传，于是对upimg函数添加h5浏览器的上传方法。具体实现方式如下：<pre style="background-color:#262e37;color:#ffffff;font-family:'Consolas';font-size:11.3pt;"><script type="text/javascript" src="{$_W['siteroot']}app/resource/js/lib/jquery-1.11.1.min.js"></script> <script type="application/javascript"> jQuery.noConflict(); </script>  <script type="text/javascript" src="{MODULE_URL}template/weui/js/jUploader.js"></script> </pre><pre style="background-color:#262e37;color:#ffffff;font-family:'Consolas';font-size:11.3pt;"> jQuery.jUploader.setDefaults({ cancelable: false, // 可取消上传        allowedExtensions: ['jpg', 'png', 'gif','jpeg'], // 只允许上传图片        messages: { upload: '上传', cancel: '取消', emptyFile: "{file} 为空，请选择一个文件.", invalidExtension: "{file} 后缀名不合法. 只有 {extensions} 是允许的.", onLeave: "文件正在上传，如果你现在离开，上传将会被取消。"        } }); //判断是否微信登陆    function isWeiXin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { return true; } else { return false; } } function upimg(obj,id){ var images = { localId: [], serverId: [] }; if (isWeiXin()) { // alert(" 是来自微信内置浏览器")        wx.chooseImage({ count: 1, sourceType: ['album', 'camera'], success:function(res){ images.localId = res.localIds; var i = 0, length = images.localId.length; var wxUpload = function() { wx.uploadImage({ localId: images.localId[i], isShowProgressTips: 1, success: function (res) { i++; images.serverId.push(res.serverId); var url = "{php echo $this->createMobileUrl('uploads',array('type'=>'image'));}&serverId=" + res.serverId + "&localId=" + i; $.post(url, function(dat){ var dat = eval("("+dat+")"); if (dat.status == 'success') { $.toast(dat.message, "success"); $('input[name="'+obj.getAttribute("data")+'"]').val(tomedia(dat.path)); document.getElementById('show'+id).src = tomedia(dat.path); }else{ $.toast(dat.message, "cancel"); document.getElementById('show'+id).src = ""; } }); if(i < length){ wxUpload(); } }, fail: function (res) { alert(JSON.stringify(res)); } }); }; wxUpload(); } }); } else { // alert("不是来自微信内置浏览器")        console.log(jQuery(obj).data('blzx')===undefined); if(jQuery(obj).data('blzx')===undefined){ console.log('jQuery.jUploader'); jQuery.jUploader({ button: jQuery(obj), // 这里设置按钮id                action: "{php echo $this->createMobileUrl('pcupload')}", // 这里设置上传处理接口                onUpload: function (fileName) { }, // 上传完成事件                onComplete: function (fileName, response) { if (response.status == 'success') { $.toast(response.message, "success"); $('input[name="'+obj.getAttribute("data")+'"]').val(tomedia(response.path)); document.getElementById('show'+id).src = tomedia(response.path); }else{ $.toast(response.message, "cancel"); document.getElementById('show'+id).src = ""; } }, }); jQuery(obj).data('blzx',1); jQuery(obj).children("input").trigger("click"); } } }</pre>后台接收方式：

游客，如果您要查看本帖隐藏内容需支付￥0.50元立即购买