如何调用百度编辑器ueditor的上传图片、上传文件

教你如何调用百度编辑器ueditor的上传图片\上传文件

< html >
  < head >
    < script  src = "ueditor/ueditor1.43.config.js" ></ script >
    < script  src = "ueditor/ueditor1.43.all.min.js" ></ script >
  </ head >
  < body >

    < script  type = "text/plain"  id = "j_ueditorupload"  style = "height:5px;display:none;"  ></ script >
    < script >
      //实例化编辑器
      var o_ueditorupload = UE.getEditor('j_ueditorupload',
      {
        autoHeightEnabled:false
      });
      o_ueditorupload.ready(function ()
      {

    o_ueditorupload.hide();//隐藏编辑器

    //监听图片上传
    o_ueditorupload.addListener('beforeInsertImage', function (t,arg)
    {
          alert('这是图片地址：'+arg[0].src);
    });

    /* 文件上传监听
     * 需要在ueditor.all.min.js文件中找到
     * d.execCommand("insertHtml",l)
     * 之后插入d.fireEvent('afterUpfile',b)
     */
        o_ueditorupload.addListener('afterUpfile', function (t, arg)
        {
          alert('这是文件地址：'+arg[0].url);
        });
      });

      //弹出图片上传的对话框
      function upImage()
      {
        var myImage = o_ueditorupload.getDialog("insertimage");
        myImage.open();
      }
      //弹出文件上传的对话框
      function upFiles()
      {
        var myFiles = o_ueditorupload.getDialog("attachment");
        myFiles.open();
      }
    </ script >

    < button  type = "button"  onClick = "upImage()" >调用上传图片模块</ button >
    < br >
    < button  type = "button"  onClick = "upFiles()" >调用上传文件模块</ button >

  </ body >
< html >

注意：需要在ueditor.all.min.js文件中找到d.execCommand("insertHtml",l)之后插入d.fireEvent('afterUpfile',b)

< html >
  < head >
    < script  src = "ueditor/ueditor1.43.config.js" ></ script >
    < script  src = "ueditor/ueditor1.43.all.min.js" ></ script >
  </ head >
  < body >

    < script  type = "text/plain"  id = "j_ueditorupload"  style = "height:5px;display:none;"  ></ script >
    < script >
      //实例化编辑器
      var o_ueditorupload = UE.getEditor('j_ueditorupload',
      {
        autoHeightEnabled:false
      });
      o_ueditorupload.ready(function ()
      {

    o_ueditorupload.hide();//隐藏编辑器

    //监听图片上传
    o_ueditorupload.addListener('beforeInsertImage', function (t,arg)
    {
          alert('这是图片地址：'+arg[0].src);
    });

    /* 文件上传监听
     * 需要在ueditor.all.min.js文件中找到
     * d.execCommand("insertHtml",l)
     * 之后插入d.fireEvent('afterUpfile',b)
     */
        o_ueditorupload.addListener('afterUpfile', function (t, arg)
        {
          alert('这是文件地址：'+arg[0].url);
        });
      });

      //弹出图片上传的对话框
      function upImage()
      {
        var myImage = o_ueditorupload.getDialog("insertimage");
        myImage.open();
      }
      //弹出文件上传的对话框
      function upFiles()
      {
        var myFiles = o_ueditorupload.getDialog("attachment");
        myFiles.open();
      }
    </ script >

    < button  type = "button"  onClick = "upImage()" >调用上传图片模块</ button >
    < br >
    < button  type = "button"  onClick = "upFiles()" >调用上传文件模块</ button >

  </ body >
< html >

注意：需要在ueditor.all.min.js文件中找到d.execCommand("insertHtml",l)之后插入d.fireEvent('afterUpfile',b)