ckfinder图片上传后点击缩略图打开新页面

最新推荐文章于 2019-09-20 14:12:53 发布

奔放的角马

最新推荐文章于 2019-09-20 14:12:53 发布

阅读量624

点赞数

CC 4.0 BY-SA版权

分类专栏： jsp 文章标签： ckfinde

本文链接：https://blog.youkuaiyun.com/weixin_37027030/article/details/80325749

jsp 专栏收录该内容

2 篇文章

订阅专栏

介绍了如何通过修改CKFinder的JavaScript代码，使得用户在上传图片后，点击缩略图可以在新页面中预览大图，提供了一种简单的方法来解决预览问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function ${input}Preview(){
		var li, urls = $("#${input}").val().split("|");
		$("#${input}Preview").children().remove();
		for (var i=0; i<urls.length; i++){
			if (urls[i]!=""){//<c:if test="${type eq 'thumb' || type eq 'images'}">
				li = "<li><a href=\""+urls[i]+"\" url=\""+urls[i]+"\" target=\"_blank\" ><img src=\""+urls[i]+"\" url=\""+urls[i]+"\" style=\"max-width:${empty maxWidth ? 200 : maxWidth}px;max-height:${empty maxHeight ? 200 : maxHeight}px;_height:${empty maxHeight ? 200 : maxHeight}px;border:0;padding:3px;\"></a>";//</c:if><c:if test="${type ne 'thumb' && type ne 'images'}">
				li = "<li><a href=\""+urls[i]+"\" url=\""+urls[i]+"\" target=\"_blank\">"+decodeURIComponent(urls[i].substring(urls[i].lastIndexOf("/")+1))+"</a>";//</c:if>
				li += "  <c:if test="${!readonly}"><a href=\"javascript:\" onclick=\"${input}Del(this);\">×</a></c:if></li>";
				$("#${input}Preview").append(li);
			}
		}
		if ($("#${input}Preview").text() == ""){
			$("#${input}Preview").html("<li style='list-style:none;padding-top:5px;'>无</li>");
		}
	}

在ckfinder.tag 中找到了这个方法，然后在里面的<li>中新加了一个a标签，让图片点击后在新页面打开，这样就可以预览大图了！！！好像就想到了这一个办法，别的配置什么的有点麻烦了 =。= ！