PHPCMS 会员中心上传图片马上显示图片效果

　　一个即时显示上传图片的标题都不知道怎么写了！真是表达能力越来越差了！今天一个客户说要这种用户上传过图片在上面可以马上显示出来刚才上传的图片，让自己清楚自己上传的图片，这个功能一般来说确实不难，但是要在现有的PHPCMS中实现出来还真有点麻烦，不过最终研究了下还是用最小的改动实现了此方法！最终形式：

PHPCMS 会员中心上传图片马上显示图片效果

下面说下实现步骤：

1：定位到：phpcms/templates/default/member/content_publish.html 此文件是会员中心发布在线投稿的模板，其它类似。

25行左右增加JS

function&nbsp;showimg()&nbsp;{
	var&nbsp;img&nbsp;=&nbsp;document.getElementById(&quot;fileupload&quot;).value;
	if(img!=&#39;&#39;){
		document.getElementById(&quot;imgsrc&quot;).src&nbsp;=img;
	}
}

function showimg() {

var img = document.getElementById("fileupload").value;

if(img!=''){

document.getElementById("imgsrc").src =img;

}

找到{loop $forminfos $k $v} 前面增加

&lt;tr&gt;&lt;th&nbsp;width=&quot;100&quot;&gt;预览：&lt;/th&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&lt;img&nbsp;src=&quot;/p1/statics/images/nopic.gif&quot;&nbsp;id=&quot;imgsrc&quot;&nbsp;/&gt;&lt;/td&gt;
&lt;/tr&gt;

</tr>

2：修改statics/js/swfupload/swf2ckeditor.js 文件第四行增加 showimg(); 用于调用页面中的 showimg方法

最终结果：

function&nbsp;flashupload(uploadid,&nbsp;name,&nbsp;textareaid,&nbsp;funcName,&nbsp;args,&nbsp;module,&nbsp;catid,&nbsp;authkey)&nbsp;{
	var&nbsp;args&nbsp;=&nbsp;args&nbsp;?&nbsp;&#39;&amp;args=&#39;+args&nbsp;:&nbsp;&#39;&#39;;
	var&nbsp;setting&nbsp;=&nbsp;&#39;&amp;module=&#39;+module+&#39;&amp;catid=&#39;+catid+&#39;&amp;authkey=&#39;+authkey;
	window.top.art.dialog({title:name,id:uploadid,iframe:&#39;index.php?m=attachment&amp;c=attachments&amp;a=swfupload&#39;+args+setting,width:&#39;500&#39;,height:&#39;420&#39;},&nbsp;function(){&nbsp;if(funcName)&nbsp;{funcName.apply(this,[uploadid,textareaid]);showimg();}else&nbsp;{submit_ckeditor(uploadid,textareaid);}},&nbsp;function(){window.top.art.dialog({id:uploadid}).close()});
}

function flashupload(uploadid, name, textareaid, funcName, args, module, catid, authkey) {

var args = args ? '&args='+args : '';

var setting = '&module='+module+'&catid='+catid+'&authkey='+authkey;

}

这里还有一个弊端，就是statics/js/swfupload/swf2ckeditor.js文件可能是其它文件也用到这个，那么我们可以做一个判断来监控是否存在ID或者其它形式的判断是否执行这个JS函数。

如果您有更好的解决办法请留言告知，共同探讨！谢谢！

PHPCMS 会员中心上传图片马上显示图片效果

redis 命令行操作

让你的帝国cms内容页直接播放视频

参与评论

快速导航

PHPCMS 会员中心上传图片马上显示图片效果

分享本文封面

相关文章

参与评论

登录

快速导航