首页 > 代码库 > ueditor 单独图片上传 转载
ueditor 单独图片上传 转载
<body><script type="text/javascript"> //这个是图片上传的，网上还有附件上传的 (function($) { var image = { editor: null, init: function(editorid, keyid) { var _editor = this.getEditor(editorid); _editor.ready(function() { //设置编辑器不可用 _editor.setDisabled(); //隐藏编辑器，因为不会用到这个编辑器实例，所以要隐藏 _editor.hide(); //侦听图片上传 _editor.addListener(‘beforeInsertImage‘, function(t, args) { //将地址赋值给相应的input $("#" + keyid).val(args[0].src); }); }); }, getEditor: function(editorid) { this.editor = UE.getEditor(editorid); return this.editor; }, show: function(id) { var _editor = this.editor; //注意这里只需要获取编辑器，无需渲染，如果强行渲染，在IE下可能会不兼容（切记） //和网上一些朋友的代码不同之处就在这里 $("#" + id).click(function() { //弹出图片上传的对话框 var image = _editor.getDialog("insertimage"); image.render(); image.open(); }); }, render: function(editorid) { var _editor = this.getEditor(editorid); _editor.render(); } }; $(function() { image.init("myeditor", "upload"); image.show("image"); }); })(jQuery);</script><script type="text/javascript"> // 必须有这个东西，不然，图片上传没法用。如果你独立上传图片，并且需要修改图片路径的话，你就模仿下面的代码 var editor = UE.getEditor(‘myeditor‘, { imageUrl: "{:U(GROUP_NAME.‘/Cases/upload/‘)}", imagePath: "__ROOT__/Uploads/", imageManagerUrl: "{:U(GROUP_NAME.‘/cases/imagesManager/‘)}", imageManagerPath: "__ROOT__/" });</script>
<form method=‘post‘ action=‘{:U(GROUP_NAME."/Cases/save")}‘ enctype="multipart/form-data"> <table class="table"> <tbody> <tr> <td class="title_td">标题：</td> <td class="input_td"><input type=‘text‘ name=‘title‘ style=‘width: 300px‘/></td> </tr> <tr> <td class="title_td">图片：</td> <td class="input_td"> <input id="upload" name=‘upload‘ type="text" style=‘width: 300px‘ value=""/> <script id="myeditor"></script> <input type="button" id=‘image‘ value=‘上传图片‘/> </td> </tr> <tr> <td colspan="2"> <input type=‘submit‘ value="提交保存"/></td> </tr> </tbody> </table></form>
ueditor 单独图片上传 转载
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。