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

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

WBOY
WBOY원래의
2016-06-07 11:40:321392검색

之前用到了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元

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.