ueditor设置域之后单图上传解决方案
来源:互联网 发布:手机送货单软件 编辑:程序博客网 时间:2024/06/10 09:53
注:需要用到jquery包,ueditor插件包
//页面创建上传按钮进行隐藏<input id="file_editor_upimg" type="file" accept="image/gif,image/jpeg,image/png,image/jpg,image/bmp" />
//以下代码封装成JS包引入即可UE.registerUI('button', function (editor, uiName) { //注册按钮执行时的command命令,使用命令默认就会带有回退操作 editor.registerCommand(uiName, { execCommand: function () { alert('execCommand:' + uiName); } }); //创建一个button var btn = new UE.ui.Button({ //按钮的名字 name: uiName, //提示 title: "图片上传", //需要添加的额外样式,指定icon图标,这里默认使用一个重复的icon cssRules: 'background-position: -380px 0px;', //点击时执行的命令 onclick: function () { //这里可以不用执行命令,做你自己的操作也可 //editor.execCommand(uiName); $('#file_editor_upimg').val(''); $('#file_editor_upimg').click(); $('#file_editor_upimg').on('change', function (e) { var formData = new FormData(); formData.append('imgFileData', $('#file_editor_upimg')[0].files[0]); $.ajax({ url: '/Headlines/OssUpload', type: 'POST', dataType: "json", cache: false, data: formData, processData: false, contentType: false, success: function (ret) { //返回枚举类型 if (ret.state == 1) { var imgHtml = '<p><img src="' + ret.url + '" title= "" alt= "' + ret.url + '" /></p>'; UE.getEditor('editor').execCommand('insertHtml', imgHtml); $(this).unbind(e); } else { $.messager.alert('提示', ret.msg, 'warning'); } } }); }); } }); //当点到编辑内容上时,按钮要做的状态反射 editor.addListener('selectionchange', function () { var state = editor.queryCommandState(uiName); if (state == -1) { btn.setDisabled(true); btn.setChecked(false); } else { btn.setDisabled(false); btn.setChecked(state); } }); //因为你是添加button,所以需要返回这个button return btn;}/*index 指定添加到工具栏上的那个位置,默认时追加到最后,editorId 指定这个UI是那个编辑器实例上的,默认是页面上所有的编辑器都会添加这个按钮*/);
阅读全文
2 0
- ueditor设置域之后单图上传解决方案
- Ueditor跨域上传文件设置
- 百度ueditor单文件上传
- UEditor 图片上传路径设置
- S2SH集成UEditor无法上传文件解决方案
- Ueditor设置虚拟路径上传图片详解
- ueditor 跨域上传问题
- Ueditor跨域上传图片
- UEditor 图片跨域上传
- ueditor跨域上传文件
- ueditor单图片上传没有触发afterinsertimage事件
- 百度UEditor调用单图片上传功能的解决方法
- Ueditor图片上传不能兼容微信浏览器的解决方案
- Ueditor图片上传设置(1.4.3 JSP版本)
- 百度ueditor上传图片时设置默认宽高度
- Ueditor图片上传设置(1.4.3 JSP版本)
- 百度Ueditor设置允许上传的图片格式及大小
- ueditor图片上传跨域问题
- Tomcat语言编码配置(随手笔记)
- 知识点 2017年9月25日
- 深入解析OkHttp3
- java实现从一个整型数组中随机取一个数
- PHP多语言翻译的实践
- ueditor设置域之后单图上传解决方案
- 设计模式之工厂方法Factory Method
- ORACLE RAC技术笔记3
- 一些有用的小的python脚本(一)
- js正则表达式
- asp操作数据库以及文本文件
- 5种服务器网络编程模型讲解
- 16. 3Sum Closest
- 协方差矩阵及matlab实现