教你如何调用百度编辑器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)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值