Home  >  Article  >  php教程  >  Ueditor独立图片上传的一个BUG的解决

Ueditor独立图片上传的一个BUG的解决

WBOY
WBOYOriginal
2016-06-07 11:40:321421browse

之前用到了Ueditor官网上面的ueditor for thinkphp 3.2插件,之后整合进自己的项目,在使用单独图片上传时发现了侦听事件不起作用。找了度娘,大家都有这个问题,去看了官方文档,最终解决了问题,分享给大家。
之前用到了Ueditor官网上面的ueditor for thinkphp 3.2插件,之后整合进自己的项目,在使用单独图片上传时发现了侦听事件不起作用。
找了度娘,大家都有这个问题,去看了官方文档,最终解决了问题,分享给大家。
先上问题截图
Ueditor独立图片上传的一个BUG的解决
再上官方文档
Ueditor独立图片上传的一个BUG的解决
SO,给多图上传模块加上例外就可以使用了。//---上传首图开始---<br> var _editor;<br> $(function() {<br>    //重新实例化一个编辑器,防止在上面的editor编辑器中显示上传的图片或者文件<br>     _editor = UE.getEditor('upload_ue', {<br>         serverUrl :'/Home/Index/ueditor.html',<br>      });<br>     _editor.ready(function () {<br>         //设置编辑器不可用<br>         _editor.setDisabled('insertimage'); <br>         //隐藏编辑器,因为不会用到这个编辑器实例,所以要隐藏<br>         _editor.hide();<br>         //侦听图片上传<br>         _editor.addListener('beforeInsertImage', function (t, arg) {<br>             $("#picture").attr("value", arg[0].src);<br>             //图片预览<br>             $(".form-post .pic-show").show();<br>             $("#preview").attr("src", arg[0].src);<br>         })<br>     });<br> });  

AD:真正免费,域名+虚机+企业邮箱=0元

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn