使用Kindeditor的多文件(图片)上传时出现上传失败的解决方法/使用Flash上传多文件(图片)上传时上传失败的解决方法 - Flash当前位置:& &&&使用Kindeditor的多文件(图片)上传时出现上传失败的使用Kindeditor的多文件(图片)上传时出现上传失败的解决方法/使用Flash上传多文件(图片)上传时上传失败的解决方法&&网友分享于：&&浏览：0次使用Kindeditor的多文件(图片)上传时出现上传失败的解决办法/使用Flash上传多文件(图片)上传时上传失败的解决办法近来用户反映希望我们把在线编辑器中的多图片上传功能实现，因为他们在编辑商品描述时经常会有一次上传多张图片的需求，如果要逐张选择的话效率很低，客户的需求就是我们的追求，很快我们就把完善功能排到了日程表中，要求尽快实现。
我们在项目中使用的在线编辑器是，它们的多文件上传插件是使用实现的，原本应该就是能使用的，但为什么老是显示上传失败的，百度了一下前人的经验和教训，出现这种情况，有两种可能：）上传的目标文件夹没有写权限，导致上传的文件无法进行写操作，所以上传失败；）有做权限验证的系统，因为利用上传时，由于在上传时插件没有把带过去，引起丢失导致上传失败。
我们在做单张与多张上传的目标路径是在同一个母文件夹下的，所以不会是第一种情况引起的，那就唯有是第二种情况了，基于这样的判断，那就要在上传的时候手动加上参数和值，到服务端的时候再接收下来应用到中，这样应该就能解决问题了，事实证明，这样的思路是正确的，下面的具体操作的方法。
打开，找到这个配置项，把原配置改为上面的应该替换成你们的的属性，这样，就能在上传文件时把你们的带到服务端页面了，然后再要处理上传文件的页面的开头加上
$session&=\tools\Tools::allChar('__JentianYunSessionID');
if($session){//重新设置，解决使用上传图片时丢失的问题
session_id($session);
session_start();
这样，kindeditor/上传就能成功了
12345678910
12345678910
12345678910 上一篇：下一篇：文章评论相关解决方案 12345678910 Copyright & &&版权所有为kindeditor添加在线播放视频功能(基于原有flash上传,mp4,flv,flash)
kindeditor本身支持上传flash功能，但是我们经常需要上传一些flv、mp4或则其它格式的视频。
其实具体的播放功能是通过jwplayer实现的。我只对kindeditor简单的修改了一下。需要修改的文件有两处。
打开kindeditor\kindeditor.js文件
将以下函数语句修改
[javascript]&&
打开kindeditor\plugins\flash\flash.js文件
将一下内容：
[javascript]&&
[javascript]&&
再将大约140行左右的：
urlBox.val(attrs.src);
urlBox.val(attrs.flashvars);
然后在需要显示视频的页面放入以下代码：
head放入：在输入视频代码后加上：
[javascript]&&
附件下载地址：http://download.csdn.net/detail/zhjx922/4329134
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。6031人阅读
最近在做几个项目都用到编辑器，我以前用eWebEditor，按照网上的方法也增加了FLV上传播放的功能。
这次想换个编辑器，看上了kindeditor。
使用过程中，发现上传FLV文件后不能自动播放，百度了几个修改的攻略：
1.首先是kindereditor交流中心的一个帖子：
看到评论就没尝试这个方法了。
2.其次是csdn的一个帖子：
博主介绍的是4.0.5的修改方法，他也修改了4.1.4的，但现在最新版本是4.1.10，有点强迫症的人会使用新版本。于是我也就忽略了这个方法。
3.其它还有些低版本别人修改好的打包文件，我没试。
4.也是csdn的一个帖子，他修改了两处简单的地方
我尝试了，没成功。
5.博客园的帖子。
在我尝试了好几次，研究了几番之后，成功了。可以看到这个帖子我的回复得到提示。但要注意程序中编辑器的路径。而且帖子中的播放器使用了后没有进度条之类的工具条，经过我几番研究搜索尝试，加上了。
所以以下代码基于kindeditor-4.1.10和博客园的帖子修改。
1、在plugin下建立文件夹flvplayer, 建立flvplayer.js文件
/*******************************************************************************
* KindEditor - WYSIWYG HTML Editor for Internet
* Copyright (C)
kindsoft.net
* @author Roddy &&
* @site http://www.kindsoft.net/
* @licence http://www.kindsoft.net/license.php
* 再次修改：by tmouse
*******************************************************************************/
KindEditor.plugin('flvplayer', function(K) {
var self = this, name = 'flvplayer', lang = self.lang(name + '.'),
allowFlashUpload = K.undef(self.allowFlashUpload, true),
allowFileManager = K.undef(self.allowFileManager, false),
formatUploadUrl = K.undef(self.formatUploadUrl, true),
extraParams = K.undef(self.extraFileUploadParams, {}),
filePostName = K.undef(self.filePostName, 'imgFile'),
uploadJson = K.undef(self.uploadJson, self.basePath + 'php/upload_json.php');
self.plugin.flash = {
edit : function() {
var html = [
'&div style=&padding:20&&',
'&div class=&ke-dialog-row&&',
'&label for=&keUrl& style=&width:60&&' + lang.url + '&/label&',
'&input class=&ke-input-text& type=&text& id=&keUrl& name=&url& value=&& style=&width:160& /&
'&input type=&button& class=&ke-upload-button& value=&' + lang.upload + '& /&
'&span class=&ke-button-common ke-button-outer&&',
'&input type=&button& class=&ke-button-common ke-button& name=&viewServer& value=&' + lang.viewServer + '& /&',
'&/span&',
'&div class=&ke-dialog-row&&',
'&label for=&keWidth& style=&width:60&&' + lang.width + '&/label&',
'&input type=&text& id=&keWidth& class=&ke-input-text ke-input-number& name=&width& value=&550& maxlength=&4& /& ',
'&div class=&ke-dialog-row&&',
'&label for=&keHeight& style=&width:60&&' + lang.height + '&/label&',
'&input type=&text& id=&keHeight& class=&ke-input-text ke-input-number& name=&height& value=&400& maxlength=&4& /& ',
].join('');
var dialog = self.createDialog({
name : name,
width : 450,
title : self.lang(name),
body : html,
yesBtn : {
name : self.lang('yes'),
click : function(e) {
var url = K.trim(urlBox.val()),
width = widthBox.val(),
height = heightBox.val();
if (url == 'http://' || K.invalidUrl(url)) {
alert(self.lang('invalidUrl'));
urlBox[0].focus();
if (!/^\d*$/.test(width)) {
alert(self.lang('invalidWidth'));
widthBox[0].focus();
if (!/^\d*$/.test(height)) {
alert(self.lang('invalidHeight'));
heightBox[0].focus();
var html = K.mediaImg(self.themesPath + 'common/blank.gif', {
src : url,
type : K.mediaType('.swf'),
width : width,
height : height,
quality : 'high'
var html='&script src=&kindeditor-4.1.10/plugins/flvplayer/flowplayer/flowplayer-3.2.11.min.js&&&/script&';
html += '&a href=&'+url+'& style=&display:width:'+width+'height:'+height+'margin-left:margin-right:auto& id=&player&&
//html+='&script language=&JavaScript&&flowplayer(&player&, &kindeditor-4.1.10/plugins/flvplayer/flowplayer/flowplayer-
3.2.15.swf&);&/script&';
html+='&script language=&JavaScript&&var player=flowplayer(&player&,&kindeditor-4.1.10/plugins/flvplayer/flowplayer/flowplayer-
3.2.16.swf&,{plugins:{pseudo:{url:&kindeditor-4.1.10/plugins/flvplayer/flowplayer/flowplayer.pseudostreaming-3.2.12.swf&},controls:{autoHide:
{fullscreenOnly:true,hideDelay:2000},height:30,scrubber:true,buttonColor:&rgba(0, 0, 0,
0.9)&,buttonOverColor:&#000000&,backgroundGradient:&medium&,backgroundColor:&#D7D7D7&,sliderColor:&#2c2c2c&,bufferColor:&#606060&,progressColor:&#056e9f&,sli
derBorder:&1px solid #808080&,sliderHeight:20,volumeSliderColor:&#FFFFFF&,volumeBorder:&1px solid
#808080&,timeColor:&#000000&,durationColor:&#535353&,tooltips:{buttons:true,play:&播放&,fullscreen:&全屏&,fullscreenExit:&退出全屏&,pause:&暂停&,mute:&静
音&,unmute:&取消静音&}}},onStart:function(clip){animate(this,{bottom:31})},onFullscreen:function(){},onFullscreenExit:function(){},onBegin:function()
{}});&/script&';
self.insertHtml(html).hideDialog().focus();
div = dialog.div,
urlBox = K('[name=&url&]', div),
viewServerBtn = K('[name=&viewServer&]', div),
widthBox = K('[name=&width&]', div),
heightBox = K('[name=&height&]', div);
urlBox.val('http://');
if (allowFlashUpload) {
var uploadbutton = K.uploadbutton({
button : K('.ke-upload-button', div)[0],
fieldName : filePostName,
extraParams : extraParams,
url : K.addParam(uploadJson, 'dir=flvplayer'),
afterUpload : function(data) {
dialog.hideLoading();
if (data.error === 0) {
var url = data.
if (formatUploadUrl) {
url = K.formatUrl(url, 'absolute');
urlBox.val(url);
if (self.afterUpload) {
self.afterUpload.call(self, url, data, name);
alert(self.lang('uploadSuccess'));
alert(data.message);
afterError : function(html) {
dialog.hideLoading();
self.errorDialog(html);
uploadbutton.fileBox.change(function(e) {
dialog.showLoading(self.lang('uploadLoading'));
uploadbutton.submit();
K('.ke-upload-button', div).hide();
if (allowFileManager) {
viewServerBtn.click(function(e) {
self.loadPlugin('filemanager', function() {
self.plugin.filemanagerDialog({
viewType : 'LIST',
dirName : 'flvplayer',
clickFn : function(url, title) {
if (self.dialogs.length & 1) {
K('[name=&url&]', div).val(url);
if (self.afterSelectFile) {
self.afterSelectFile.call(self, url);
self.hideDialog();
viewServerBtn.hide();
var img = self.plugin.getSelectedFlash();
if (img) {
var attrs = K.mediaAttrs(img.attr('data-ke-tag'));
urlBox.val(attrs.src);
widthBox.val(K.removeUnit(img.css('width')) || attrs.width || 0);
heightBox.val(K.removeUnit(img.css('height')) || attrs.height || 0);
urlBox[0].focus();
urlBox[0].select();
'delete' : function() {
self.plugin.getSelectedFlash().remove();
self.clickToolbar(name, self.plugin.flash.edit);
这里面的var html=''经过我的修改，分成3句，后一个script经过http://js.clicki.cc/美化成一行，也增加了工具条的功能。
可能复制过来换成多行了，需要自行修改成一行！切记！！！
2、在themes\default\default.css这个文件末尾增加样式：
.ke-icon-flvplayer {
background-position: 0px -512
height: 16
3、默认插件调用增加
修改kindeditor.js文件
items :&里面 'flash' 后增加&'flvplayer'
在htmlTags里增加：
script:['src','language'], 我是在最前面font前加的。因为编辑器采用了白名单过滤，在第1处里的Html这个变量里使用了script代码。
4、关于上传和文件管理 的服务器脚本修改（以asp.net为例）
修改upload_json.ashx文件
在对应地方增加&extTable.Add(&flvplayer&, &flv,f4v,mp4&);
修改file_manager_json.ashx文件
修改某处为if (Array.IndexOf(&image,flash,media,file,flvplayer&.Split(','), dirName) == -1)，也就是增加 flvplayer这个目录名
5、修改语言包lang文件夹下的zh_CN.js文件
对应flash两处的下方添加
flvplayer : 'FLV视频',
'flash.viewServer' : '文件空间',
'flvplayer.url' : 'URL',
'flvplayer.width' : '宽度',
'flvplayer.height' : '高度',
'flvplayer.upload' : '上传',
'flvplayer.viewServer' : '文件空间',
6、关于&flowplayer的设置
我找来找去，找到了这个帖子
我只取了其中的&var
player 这段，同时下载了里面提到的播放器所要用到的4个文件到本地。里面使用了flowplayer-3.2.16.swf，但同时还要下载低一个版本的flowplayer.controls-3.2.15.swf到对应的文件夹，还有flowplayer.pseudostreaming-3.2.12.swf和flowplayer-3.2.12.min.js
经过这几步，就可以上传播放flv等视频了，这应该是最全的方法了吧？
修改后的kindeditor-4.1.10增加FLV上传播放功能文件可以在csdn资源下载里搜索关键词 kindeditor-4.1.10&
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：23276次
排名：千里之外
原创：11篇
(3)(1)(1)(6)kindeditor单独上传flash的插件如何使用
看了一下文档和示例，包含了image和file的单独上传插件及使用方法，flash单独上传的插件呢？需要这个功能该如何使用？
flash目前不能单独调用，需要自己参考file.js改plugins/flash/flash.js。
恩。。放弃修改了。。改的不如自己做的。。我用uploadify自己弄了个