ueditor单独图片和附件上传功能
首要要载入ueditor的2个js
<script src="../ueditor/ueditor.config.js" type="text/javascript"></script> <script src="../ueditor/ueditor.all.js" type="text/javascript"></script>
<table> <tr> <td> <asp:TextBox ID="txtImgurl" runat="server"></asp:TextBox> <input type="button" id="btnImageUpLoader" value="上传" onclick="upImage()" /> </td> </tr> <tr> <td> <asp:TextBox ID="txtAttachments" runat="server"></asp:TextBox> <input type="button" id="btnFileUpLoader" value="上传" onclick="upFile()" /> </td> </tr> </table>
<script type="text/javascript"> UE.getEditor(‘txtContent‘); </script> <script type="text/javascript"> var myEditor = new UE.ui.Editor; myEditor.render(‘btnFileUpLoader‘); myEditor.ready(function() { myEditor.setDisabled(); myEditor.hide(); myEditor.addListener(‘beforeInsertImage‘, function (t, arg) { //因为可以上传多张,所以就用arg[0] $("#txtImgurl").attr("value", arg[0].src); }); myEditor.addListener(‘afterUpfile‘, function (t, arg) { //这里这个事件需要到 dialogs\attachment\attachment.html 中 //在editor.execCommand("insertHTML",str);前面添加 $("#txtAttachments").attr("value", arg[0].url); //editor.fireEvent(‘afterUpfile‘, filesList); }); }); function upImage() { var m; m = myEditor.getDialog("insertimage"); m.render(); m.open(); } function upFile() { var f; f = myEditor.getDialog("attachment"); f.render(); f.open(); } //在使用ueditor单独附件上传功能的时候点击"上传"按钮时不会出现 文件上传对话框, //Uncaught TypeError: Cannot read property ‘render‘ of undefined 这是因为在ueditor.config.js //中对toolbars 配置是把 ‘attachment‘ 工具去掉了,只要添加上去就可以了 </script>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。