博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ueditor上传本地音频MP3
阅读量:7004 次
发布时间:2019-06-27

本文共 1308 字,大约阅读时间需要 4 分钟。

遇到一个项目,客户要求能在编辑框中上传录音文件。用的是Ueditor编辑器,但是却不支持本地MP3上传并使用audio标签播放,只能搜索在线MP3,实在有点不方便。这里说一下怎么修改,主要还是利用原来的【插入视频】的功能:

步骤一:

上传视频的时候判断格式,如果是音频格式的话则调用原来music的处理方法
需要修改文件:dialogsvideovideo.js
位置在于:查找“function insertUpload”,314左右开始修改

if (count) {     $('.info', '#queueList').html('' + '还有2个未上传文件'.replace(/[\d]/, count) + '');            return false;        } else {            var is_music = 0;            var ext = file.url.split('.').pop().toLowerCase() ;            var music_type = ['mp3','wav'];            for(var i in music_type){                if(music_type[i]== ext){                    is_music = 1;                }            }            if (is_music) {                editor.execCommand('music', {                    url: uploadDir + file.url,                    width: 400,                    height: 95                });            } else {                editor.execCommand('insertvideo', videoObjs, 'upload');            }        }

步骤二:

修改原来music插件返回的标签格式从embed改成audio,如果你引用的是ueditor.all.min.js则需要重新压缩一次
需要修改文件:ueditor.all.js
查找位置:查找“UE.plugin.register('music',”,23607左右开始修改

function creatInsertStr(url,width,height,align,cssfloat,toEmbed){        return  !toEmbed ?                ''            :            '

这样就可以在原来插入视频的地方上传音频文件,并且自动判断格式选择正确的标签显示了

转载地址:http://lpytl.baihongyu.com/

你可能感兴趣的文章
项目架构图,mvc架构图
查看>>
C语言错误 BUG报错整理
查看>>
java Pattern
查看>>
flink - accumulator
查看>>
高仿猫眼电影选座(选票)模块-b
查看>>
【转】iOS静态库 【.a 和framework】【超详细】
查看>>
Docker之Linux UnionFS
查看>>
基于 WebGL 3D 的 HTML5 档案馆可视化管理系统
查看>>
c#枚举转化示例大全,数字或字符串转枚举
查看>>
Java 性能优化 - Sun Hotspot JDK JVM 参数设置
查看>>
C++中单例模式对象的释放控制
查看>>
【你必须知道的.NET】:【大话String】
查看>>
android屏蔽返回键和home键
查看>>
Bash shell(五)-数据流重导向
查看>>
分享20个超酷的酒店类网站设计
查看>>
Ext.Net 1.2.0/Ext JS_用 Ext JS 遍历查找过滤检索 Ext.Net.Store 检索
查看>>
Apache CouchDB 1.2.0新特性
查看>>
更优美的javaScript(2)
查看>>
WCF服务编程 学习笔记(1)
查看>>
关于黑衣人3结尾时插曲K哼的歌名|Empire State Of Mind歌词中文翻译
查看>>