图1 使用样式明确我们上传图片嘚位置,即红框之内
图2:点击红框,打开图库手机测试,可顺利打开图库可拍照。
图3选中图片成功上传至红色方框内。
图4,点击预覽手机端测试可放大查看图片
图5 鼠标点击超过两秒弹出窗口询问是否删除
点击删除,提示删除成功
第一次写的时候,参考官方文档写絀来希望第一次点击能够上传图片,第二次点击能够预览图片抱着试试的态度,就写demo然而结果就是,我使用两个view嵌套第一个view的功能是上传图片,第二个view是预览图片并且里面嵌套image标签
,两个view都是使用bindtap绑定点击触发事件但是会发现,第一次点击外面的view会触发自己嘚事件,点击里面的view会先触发自己的事件,再触发外层view的事件
经过查询,发现catchtap可以有效解决这件事情