multi-image-dialog.html (批量上传弹出框)如何让表单得到值

主题: multi-image-dialog.html (批量上传弹出框)如何让表单得到值

作者: 老谢, 发布日期: 2014-07-29 11:21:44, 浏览数: 4164

<html>
	<head>
	<meta charset="utf-8" />
	<title>MultiImageDialog Examples</title>
	<link rel="stylesheet" href="../themes/default/default.css" />
	<script src="../kindeditor.js"></script>
	<script src="../lang/zh_CN.js"></script>
	<script>
	KindEditor.ready(function(K) {
	var editor = K.editor({
	allowFileManager : true
	});
	K('#J_selectImage').click(function() {
	editor.loadPlugin('multiimage', function() {
	editor.plugin.multiImageDialog({
	clickFn : function(urlList) {
	var div = K('#J_imageView');
	div.html('');
	K.each(urlList, function(i, data) {
	div.append('<img src="' + data.url + '">');
	});
	editor.hideDialog();
	}
	});
	});
	});
	});
	</script>
	</head>
	<body>
	<input type="button" id="J_selectImage" value="批量上传" />
	<div id="J_imageView"></div>
	</body>
	</html> 这里只有div能得到图片得值，我想来这个值同时出现在textarea或是input里同时获得多张上传图片得值以便于添加到数据库,请高手给我个能用得例子谢谢

作者: andy_sun, 发布日期: 2014-07-29 13:31:16

页面放个隐藏的input框，比如<input type="hidden" id="img_urls" />

然后在你的回调函数里方法这样写

clickFn : function(urlList) {
    var url = '';
    K.each(urlList, function(i, data) {
        url += data.url + ',';
    });
    $('#img_urls').val(url);
    editor.hideDialog();
}

现在input框的值就是url,url,url,的形式了，想怎么弄都行

论坛 Forum