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>

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。