aefj
aefj
  • 发布:2016-07-14 19:15
  • 更新:2016-07-14 20:49
  • 阅读:3103

plus.gallery.pick回调方法不执行(表单中选择图片)

分类:HTML5+
<form class="mui-input-group">  
    <div class="mui-input-row" id="ShouJiHaoDiv">  
        <label>手机号</label>  
        <input id='account' type="number" class="mui-input" placeholder="请输入手机号">  
        <button type="button" id="YanZhengMa" class="mui-btn mui-btn-primary">获取验证码</button>  
    </div>  
    <div class="mui-input-row">  
        <label>密码</label>  
        <input id='password' type="password" class="mui-input-clear mui-input" placeholder="请输入密码">  
    </div>  
    <div class="mui-input-row">  
        <label>确认</label>  
        <input id='password_confirm' type="password" class="mui-input-clear mui-input" placeholder="请再次输入密码">  
    </div>  
    <div class="mui-input-row">  
        <label>验证码</label>  
        <input id='YanZhengMaTxt' type="text" class="mui-input-clear mui-input" placeholder="请输入验证码">  
    </div>  
    <button id="test" class="mui-btn">test</button>  
</form>  

document.getElementById("test").addEventListener("tap", function() {  
    console.log("开始选择图片");  
    plus.gallery.pick(function(path) {  
        console.log(path);  
    }, function(e) {  
        console.log("取消选择图片");  
    }, {  
        filter: "image"  
    });  
});

代码是这样的,当我点击按钮时,执行图片选择,回调显示图片地址(因为要上传),在实际操作过程中,开始选择图片这里执行了,然后选择回调和没选择回调都没有执行,求帮助

2016-07-14 19:15 负责人:无 分享
已邀请:
赵梦欢

赵梦欢 - 专注前端,乐于分享!

这个问题出在button没有加type属性!!!

【MUI开发注意事项】一文中有这样一段话:

始终为button按钮添加type属性
若button按钮没有type属性,浏览器默认按照type=submit逻辑处理,这样若将没有type的button放在form表单中,点击按钮就会执行form表单提交,页面就会刷新,用户体验极差。

这里点击这个按钮会被认为是submit,r然后页面刷新了。

aefj

aefj (作者)

非常非常谢谢您

该问题目前已经被锁定, 无法添加新回复