ueditor php 附件,ueditor单独调用上传附件和图片的功能

第一步, 引入文件

第二步 html元素

调用的页面：

上传图片

上传文件

第三步编写js代码

var _editor;

$(function() {

//重新实例化一个编辑器，防止在上面的editor编辑器中显示上传的图片或者文件

_editor = UE.getEditor('upload_ue');

_editor.ready(function () {

//设置编辑器不可用

_editor.setDisabled();

//隐藏编辑器，因为不会用到这个编辑器实例，所以要隐藏

_editor.hide();

//侦听图片上传

_editor.addListener('beforeInsertImage', function (t, arg) {

//将地址赋值给相应的input,只去第一张图片的路径

$("#picture").attr("value", arg[0].src);

//图片预览

$("#preview").attr("src", arg[0].src);

})

//侦听文件上传，取上传文件列表中第一个上传的文件的路径

_editor.addListener('afterUpfile', function (t, arg) {

$("#file").attr("value", _editor.options.filePath + arg[0].url);

})

});

//弹出图片上传的对话框

function upImage() {

var myImage = _editor.getDialog("insertimage");

myImage.open();

}

//弹出文件上传的对话框

function upFiles() {

var myFiles = _editor.getDialog("attachment");

myFiles.open();

}

第四步最重要的一步, 修改bug

打开image插件的image.js 108行

editor.execCommand('insertimage', list);代码之前加入

editor.fireEvent('beforeinsertimage', list);然后问题搞定

在ueditor文件夹中找到文件dialogs\attachment\attachment.html中找到代码

editor.execCommand("insertHTML",str);代码之前加入

editor.fireEvent('afterUpfile', filesList);然后问题搞定

第五步，如果第四步不行，请参考这一步

在ueditor文件夹中找到文件dialogs\attachment\attachment.js中找到代码

editor.execCommand('insertfile', list);

在这行代码前添加editor.fireEvent('afterUpfile', list);然后问题搞定

ueditor php 附件,ueditor单独调用上传附件和图片的功能相关推荐

SharePoint 2010 列表项代码绑定附件心得（FileUpload上传附件）
最近项目中用到在插入Item时绑定附件,可以上传多个附件,很快就写出来了,可是测试一侧老是有问题,经过多番折腾,终于算通过测试.SharePoint 2010上传附件需注意一下几点: 判断文件是否为空 ...
上传附件_留学落户|上传附件预审时一定一定要注意的问题！
点击上方蓝色字体,关注启铭君. www.minqifudao.com 启铭君相信大家都知道,从2019年留学落户"一网通办"新系统上线,可以在网上进行材料申报,"让数据多 ...
Ueditor 改造, 为每个用户单独创建上传附件目录，用户只能查看自己上传的附件文件
1.修改 ueditor\net\config.json 文件约第78行: /* 上传文件配置 */"filePathFormat": "upload/{userna ...
linux禁止客户端上传文件_图片/文件上传如此简单｜macOS 图床客户端 uPic
前言相信很多人在写作(特别是需要多平台发布)的时候都会因为插图而增加工作量: 平台图片外链不允许在网站外部访问. 使用云图床服务上传流程复杂. 那么这些问题有没有办法解决呢,答案肯定是"有 ...
ckeditor 4 上传和插入图片
本文内容 FineUI ckeditor fckeditor/ckeditor 演示 ckeditor 4.2.1 上传&插入图片最近看了一下 FineUI_v3.3.1 控件,对里边的 c ...
ElementUI + express实现头像上传及后台图片保存
ElementUI + express实现头像上传及后台图片保存记录大创项目中的解决方式.只说明基本的实现方法,不代表实际代码.如果你需要在后台保存头像图片的话. 当然也可以直接使用base64格式 ...
ueditor上传附件显示服务器返回错误
ueditor上传附件显示服务器返回错误, 百度了很多,基本是json错误的原因,可是我将我的json字符串在线转是可以的后来将 response.getWriter().print("{ ...
ueditor百度编辑器中，多图上传后，图片顺序乱掉的处理方法
上传后,图片的顺序和预期的不一致,需要修改ueditor的源码. 一.找到editor/dialogs/attachment/attachment.js文件 1.将_this.fileList.pus ...
ueditor使用-图片上传正常，图片显示异常404
做个小项目,用到了ueditor,其中需要在ueditor中上传图片. 问题症状: 点击上传图片的按钮后选择图片,上传到了目的文件夹,但是显示不了,f12查看也是404.后来发觉显示图片时路径不对. ...

ueditor php 附件,ueditor单独调用上传附件和图片的功能

ueditor php 附件,ueditor单独调用上传附件和图片的功能相关推荐

最新文章

热门文章