wex5iphone的系统不支持input file怎么办

之前做的wex5页面关于图片的上传裁剪,测试的时候发现在苹果手机上不能触发(但是按住在松开是可以的),进过长时间的探索终于找到了办法。

代码如下

  <input type="file" value="" xid="inputImage" bind-change="file1Change" 
        accept="image/*" style="display:none;"/> 
      <div component="$UI/system/components/justep/row/row" class="x-row" xid="row1" id="top1"> 
        <div class="x-col" xid="col1"/>  
        <div class="x-col x-col-fixed x-col-center" xid="col2" style="width:200px;"> 
          <div xid="div1"  class="img-preview" id="preview" style="position:relative;left:35px;"/> 
          <div> <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-only-icon" id="shangchuan"
            label="图片上传" xid="button1" onClick="button1Click" icon="icon-android-search" style="position:relative;left:40px;font-size:medium;"> 
            <i xid="i1" class="icon-android-search"/>  
            		图片上传
          </a> </div>        
        </div>  
        <div class="x-col" xid="col3"/> 
      </div>  

js代码:

Model.prototype.button1Click = function(event) {
		this.comp("button2").set({
			"disabled" : false
		});
		var u = navigator.userAgent;
		var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); // ios终端
		$(this.getElementByXid('inputImage')).click();
		if (isIOS) {
			timer = setTimeout(function() {
			}, 2000); // 时间 2s
			$(this.getElementByXid('inputImage')).click();
		}

	};

然后在苹果上点击就是可以的了。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值