2分快三

网站舆图 | RSS订阅 百姓2分快三 - 上海百姓2分快三|上海网站作育|蜘蛛池出租|站群代搭建
你的职位:2分快三 » 网站作育 » 注释

KindEditor上传图片后回调传入文本框和列表框并显示图片

2016-5-6 10:14:17 | 作者:老铁SEO | 1个议论 | 人浏览

KindEditor编辑器当地上传图片文件后(单个图片上传和批量图片上传),将数据回调,以完成自在设置任何一张图片做为文章笼统图且在指定区域展示此笼统图的功效。

以下是KindEditor 4.1.11的示例代码:

<form id="frm" name="frm" action="" method="post">
笼统图:<input id="pic" name="pic" type="text" />
<select name="piclist" id="piclist" onChange="frm.pic.value=this.value; if(this.value.length>0){picshow.innerHTML='<img src=' + this.value + ' width=150 height=95 />';}else{picshow.innerHTML='<img src=images/nopic.gif width=150 height=95 />';}">
	<option value="">不指定文章笼统图</option>
</select>
<div id="picshow"><img src="images/nopic.gif" width='150' height='95' /></div>
 
<link rel="stylesheet" href="kindeditor/themes/default/default.css" />
<script charset="utf-8" src="kindeditor/kindeditor-all.js"></script>
<script charset="utf-8" src="kindeditor/lang/zh-CN.js"></script>
<script>
var KE;
KindEditor.ready(function(K) {
	KE = K.create('#Content',{
		uploadJson : 'kindeditor/asp/upload_json.asp',
		fileManagerJson : 'kindeditor/asp/file_manager_json.asp',
		allowImageUpload: true, //多图上传
		allowFileManager : true, //浏览图片空间
		filterMode : false, //HTML特殊代码过滤
		afterBlur: function(){ this.sync(); }, //编辑器掉落去焦点(blur)时推行的回调函数(将编辑器的HTML数据同步到textarea)
		afterUpload : function(url, data, name) { //上传文件后推行的回调函数,必须为3个参数
			if(name=="image" || name=="multiimage"){ //单个和批量上传图片时
				if(K("#pic").length>0){ //文本框存在
					document.getElementById('piclist').options[document.getElementById('piclist').length]=new Option(url,url); //下拉列表框增添一条
					document.getElementById('piclist').selectedIndex+=1; //选定刚新增的这一条
					K("#indexpicimg").html("<img src='" + url + "' width='150' height='95' />"); //重置图片展示区DIV的HTML内容
					K("#pic").val(url); //重置文本框值
				}
			}
		}
	});
});
</script>
<textarea id="Content" name="Content" style=" width: 99%; height: 500px; visibility: hidden; display: block; "></textarea>
</form>


  • 本文来自: 百姓2分快三,转载请生涯出处!迎接揭晓您的议论
  • 相关标签:KindEditor  编辑器  JS特效  文件操作  文件上传  无组件上传  
  • 已有1位网友揭晓了言必有中的议论,你还等甚么?

    必填

    选填

    记着我,下次回复时不用重新输入小我信息

    必填,不填不让过哦,嘻嘻。

    ◎迎接加入议论辩说,请在这里揭晓您的看法、交流您的不雅不雅点。

    趣彩网1分幸运28-1分幸运28分析 优游极速赛车-极速赛车走势图 大运极速快三-极速快三走势图 诺亚1分六合-1分六合单双 福德正神一分六合-一分六合分析 网上手游棋牌-网上手游app注册-网上手游平台 多彩幸运快三-幸运快三官网 鸿运1分幸运28-1分幸运28骗局 全民乐2分快三-2分快三官网 杏彩幸运pk10-幸运pk10倍率