zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    cookie,sessionStorage,loclaStorage,HTML5应用程序缓存
    网页设计单位 px,em,rem,vm,vh,%
    TCP协议三步挥手与四步挥手
    pycharm --批量注释和缩进
    Linux --编译kernel
    python-- pip 安装提速
    linux --tar: .BUILDINFO: time stamp 2020-08-27 17:25:55 is 68853652.868391065 s in the future .MTREE
    linux --This system is not registered to Red Hat Subscription Management
    Samba --配置Samba 服务
    linux --环境变量配置文件
  • 原文地址:https://www.cnblogs.com/xinianxinqix/p/4220752.html
Copyright © 2011-2022 走看看