wangEditor-mobile icon indicating copy to clipboard operation
wangEditor-mobile copied to clipboard

配置uploadImgUrl后,点击图片上传按钮无反应

Open legendweny opened this issue 9 years ago • 7 comments

http://fork12.com/ckupload/test 测试站点

legendweny avatar Dec 25 '15 13:12 legendweny

我用手机扫描看了一下,发现了这个问题——点击上传图片按钮没反应。 但是我还发现了另外一个问题——编辑区域执行tap事件,菜单不容易出来。每次出来,都是和浏览器的默认菜单一起出来。再官网 http://wangeditor.github.io/m/ demo中就没有这个问题,你可以扫描一下看看。

这样,你吧你那个测试页面中的wangEditor-mobile.min.js文件替换成 https://github.com/wangfupeng1988/wangEditor-mobile/blob/master/dist/js/wangEditor-mobile.js,然后告诉我,我调试一下。

如果真有问题,我会立即改正!

wangfupeng1988 avatar Dec 25 '15 14:12 wangfupeng1988

我刚才拿你的例子,对比了一下我的测试环境。发现,dom结构都是对的,但是我的测试环境下是OK的,你的例子不行。我也很想知道原因。碍于你给出的例子的wangEditor-mobile.min.js压缩版的,没法调试。

wangfupeng1988 avatar Dec 25 '15 14:12 wangfupeng1988

好了,我替换好了,你看看

legendweny avatar Dec 25 '15 14:12 legendweny

我看了,原因是在点击选择图片按钮的时候,执行 $inputFlie.trigger('click');没有弹出选择框,而我的测试环境是可以正常弹出来的——这是现象——也就说,选择文件的 input 根本就没有执行 click 事件。

我看了一下你的例子,发现你的inputjquery注入了两个click事件,而我的测试环境下面是没有这个的。可以通过浏览器检测一下

所以,我大胆猜测,是这个fork12.com中的js对input做了什么特殊处理,要不然怎么会平白无故增加click事件呢。

建议你针对这个问题,单独做一个测试。


另外,我不明白,你为何要再这个平台上做测试。你自己制作的demo,真的就没法选择文件?

wangfupeng1988 avatar Dec 25 '15 14:12 wangfupeng1988

@wangfupeng1988 你好,我也遇到过这个问题,经过排查发现是zepto.js版本兼容问题。1.0的zepto.js是可以正常显示的,我用的最新版的zepto.js(1.1.6版本)就会出现点击图片上传按钮无反应。

Natumsol avatar Jan 21 '16 06:01 Natumsol

@Natumsol 我测试的是跟浏览器兼容性有关系,只有在QQ浏览器的部分情况,才会出现这种情况。像比较稳定的 safari、chrome,我没测出来

wangfupeng1988 avatar Jan 21 '16 11:01 wangfupeng1988

@wangfupeng1988 你试着将zepto.js换为1.1.6,然后在UC浏览器或微信里进行测试。还有就是用在PC端可以正常的上传图片,但是在移动端(微信, UC浏览器)就会出现上传超时的现象,我用fiddler抓包后发现,上传请求实际上并没有发出。

Natumsol avatar Jan 21 '16 13:01 Natumsol