解決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瀏覽器下顯示的是白色,如下圖
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章