• 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>
  • 相关阅读:
    在WEB页面中使用Windows Control可行不?
    升级MDMS到2007下啦
    OSS2007与现有系统(asp)如何集成呢
    Directory Class
    P/Invoke能够在ASP.NET中使用吗?
    SPS中的摘要视图下该怎么分页显示信息?
    P/Invoke能够在asp.net 中使用哦
    SVN+AnkhSVN端配置
    利用反射来实现类(含可空字段)的映射
    iis7部署WCF服务应用程序
  • 原文地址:https://www.cnblogs.com/xinianxinqix/p/4220752.html
Copyright © 2020-2023  润新知