ueditor simpleupload单图上传问题

clipboard.png

编辑器单张图片上传 配置ok,现在点击工具栏的照片也都能正常上传。
但是我现在想点击页面上某一个按钮,也达到单张图片上传的效果(按钮是独立的,在按钮上单独添加click事件)。
尝试过API editor.execCommand(),比如使用editor.execCommand( 'insertcode', 'javascript' );正常,但是使用editor.execCommand( 'insertimage')就报错了
clipboard.png
猜测editor.execCommand( 'insertimage')这个API不是针对单张图片上传的,但又不知怎么能实现这个效果。
PS:也尝试过用控制台审查工具栏中图片的dom,是$(".edui-for-simpleupload input"),然后添加按钮事件时是这样写的:

$(".insertImageBtn").click(function{
    $(".edui-for-simpleupload input").click();
})

结果也没有卵用……
请用过ueditor的大神指点指点,实现点击按钮时相当于点击了工具栏中的图片,谢谢!

阅读 10.2k
1 个回答

像这种点击按钮直接打开选择文件窗口的,其实现方式就是在按钮上面覆盖一个<input type="file">来实现的,没办法调用一个js函数或者触发<input type="file">的click事件来弹出文件选择窗口。

图片描述

所以你没法复用它的按钮,只能自己再实现一个。
http://fex.baidu.com/webuploader/
或者
https://github.com/blueimp/jQuery-File-Upload

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进