编辑器单张图片上传 配置ok,现在点击工具栏的照片也都能正常上传。
但是我现在想点击页面上某一个按钮,也达到单张图片上传的效果(按钮是独立的,在按钮上单独添加click事件)。
尝试过API editor.execCommand(),比如使用editor.execCommand( 'insertcode', 'javascript' );正常,但是使用editor.execCommand( 'insertimage')就报错了
猜测editor.execCommand( 'insertimage')这个API不是针对单张图片上传的,但又不知怎么能实现这个效果。
PS:也尝试过用控制台审查工具栏中图片的dom,是$(".edui-for-simpleupload input"),然后添加按钮事件时是这样写的:
$(".insertImageBtn").click(function{
$(".edui-for-simpleupload input").click();
})
结果也没有卵用……
请用过ueditor的大神指点指点,实现点击按钮时相当于点击了工具栏中的图片,谢谢!
像这种点击按钮直接打开选择文件窗口的,其实现方式就是在按钮上面覆盖一个
<input type="file">
来实现的,没办法调用一个js函数或者触发<input type="file">
的click事件来弹出文件选择窗口。所以你没法复用它的按钮,只能自己再实现一个。
http://fex.baidu.com/webuploader/
或者
https://github.com/blueimp/jQuery-File-Upload