码迷,mamicode.com
首页 > Web开发 > 详细

ueditor单独图片和附件上传功能

时间:2015-01-13 12:04:22      阅读:305      评论:0      收藏:0      [点我收藏+]

标签:

首要要载入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>

 

ueditor单独图片和附件上传功能

标签:

原文地址:http://www.cnblogs.com/xinianxinqix/p/4220752.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!