1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 解决kindeditor编辑器因为flash机制导致的图片批量上传按钮看不见的问题

解决kindeditor编辑器因为flash机制导致的图片批量上传按钮看不见的问题

时间:2022-05-29 21:25:08

相关推荐

解决kindeditor编辑器因为flash机制导致的图片批量上传按钮看不见的问题

附相关代码

不同的kindeditor代码行数不一定一致,自己搜索对比就行了

第一段 大约在7861附近

/member/shop/setting/diy/static/kindeditor/plugins/multiimage/images/select-files-zh-CN.png

要注意这个静态资源路径,自己根据项目调整即可(select-files-zh-CN.png,注意这个文件名连接符,有的最后是zh_CN.png)

self.div = K(options.container).html(['<div class="ke-swfupload">','<div class="ke-swfupload-top" style="position: relative">','<div class="ke-inline-block ke-swfupload-button" style="position: absolute;z-index: 1000;opacity: 0;left: 0px;">','<input type="button" value="Browse" />','</div>','<div style="height:23px;width:72px;float: left;background-image: url('+'/member/shop/setting/diy/static/kindeditor/plugins/multiimage/images/select-files-zh-CN.png'+')"></div>','<div class="ke-inline-block ke-swfupload-desc">' + options.uploadDesc + '</div>','<span class="ke-button-common ke-button-outer ke-swfupload-startupload">','<input type="button" class="ke-button-common ke-button" value="' + options.startButtonValue + '" />','</span>','</div>','<div class="ke-swfupload-body"></div>','</div>'].join(''));

第二段,hack IE,大约在8369

return ['<object id="', this.movieName, '"' + classid + ' type="application/x-shockwave-flash" data="', this.settings.flash_url, '" width="', this.settings.button_width, '" height="', this.settings.button_height, '" class="swfupload">','<param name="wmode" value="', this.settings.button_window_mode, '" />','<param name="movie" value="', this.settings.flash_url, '" />','<param name="quality" value="high" />','<param name="menu" value="false" />','<param name="allowScriptAccess" value="always" />','<param name="flashvars" value="' + this.getFlashVars() + '" />','<param name="wmode" value="transparent" />','</object>'].join("");

附:如果有的项目用的min.js,就需要切换回all.js

最重要的就是尽早弃坑。

问题描述

因为flash机制导致浏览器里面默认上传按钮不显示

解决方法如下

在他的kindeditor-all.js文件中,对上传图片的objcet标签的父标签的div设置了绝对定位,又重新做了一个按钮的div,把object标签的父标签div定位到我新做的按钮div上,设置object标签的父标签div的透明度opacity:0,如下图

在前台就显示出来了,但在IE浏览器下显示的是白色,如下图

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。