利用KindEditor上傳文章封面圖

<script charset="utf-8" src="/editor/kindeditor.js"></script>
<script charset="utf-8" src="/editor/lang/zh_CN.js"></script>


<script type="text/javascript">
<!--
var editor;
$(function() {
	KindEditor.ready(function(K) {
		editor = K.create('#content', {
			uploadJson : '/editor/php/upload_json.php',
			fileManagerJson : '/editor/php/file_manager_json.php',
			allowFileManager : true
		});
		
		$('#uploadbtn').click(function() {
			var _input = $(':input[name="thumb"]');
			
			editor.loadPlugin('image', function() {
				editor.plugin.imageDialog({
					imageUrl : _input.val(),
					clickFn : function(url, title, width, height, border, align) {
						_input.val(url);
						_input.closest('.input').find('img').attr('src', url);
						editor.hideDialog();
					}
				});
			});
		});
	});

});

//-->
</script>


<p>
     <a href="javascript:" οnclick="window.open($('img', this).attr('src'));"><img src="<?php echo $data['thumb'] ? thumb($data['thumb']) : '/static/images/nopic.gif';?>" class="thumb" /></a>
</p>
<p><input type="hidden" name="thumb" value="<?php echo $data['thumb'];?>" class="medium" /> <button id="uploadbtn" type="button">上傳</button></p>




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