帝国CMS批量上传图片集插件

帝国CMS批量上传图片集插件

  • 下载方式:免费下载
  • 插件类型: 帝国CMS免费插件
  • 插件大小:159.20 KB
  • 发布时间:2014-07-23
  • 插件编码:UTF-8
  • 浏览次数:2.9万+
下载插件
收藏
点赞(23)
插件介绍

版本特点:

1、使用系统自带的水印系统,勾选即可使用;

2、可勾选生成缩略图。

使用方法:

1、将下载的压缩包解压出来把 uploadify 文件夹上传到 /e/extend/

2、系统-->数据表与系统模型-->管理数据表-->图片系统数据表-->管理字段--> morepic 修改:

将以下代码内容,拷贝替换掉“输入表单替换html代码”


<script type="text/javascript" src="../extend/uploadify/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../extend/uploadify/jquery.uploadify.min.js"></script>
<script type="text/javascript">
 var picIndex=1;
 $.format = function (source, params) {
	if (arguments.length == 1)
		return function () {
			var args = $.makeArray(arguments);
			args.unshift(source);
			return $.format.apply(this, args);
		};
	if (arguments.length > 2 && params.constructor != Array) {
		params = $.makeArray(arguments).slice(1);
	}
	if (params.constructor != Array) {
		params = [params];
	}
	$.each(params, function (i, n) {
		source = source.replace(new RegExp("{" + i + "}", "g"), n);
	});
	return source;
};
function fileError(file, errorCode, errorMsg){
	switch(errorCode) {
		case -100:
			alert("上传的文件数量已经超出系统限制!");
			break;
		case -110:
			alert("文件 ["+file.name+"] 大小超出系统限制!");
			break;
		case -120:
			alert("文件 ["+file.name+"] 大小异常!");
			break;
		case -130:
			alert("文件 ["+file.name+"] 类型不正确!");
			break;
	}
}
$(function() {
<?php	
$loginuserid        = getcvar('loginuserid',1);       //用户ID
$loginusername      = getcvar('loginusername',1);     //用户名

?>
	$('#img_upload').uploadify({
            'formData'      	: {
			'classid' : '<?=$classid?>',
			'filepass':'<?=$newstime?>',
			'username':'<?=$loginusername?>',
			'userid':'<?=$loginuserid?>'			
			
			},
            'swf'      : '../extend/uploadify/uploadify.swf',
            'uploader' : '../extend/uploadify/uploadify.php',
            //在浏览窗口底部的文件类型下拉菜单中显示的文本
            'buttonCursor':'hand',
            'buttonImage':'../extend/uploadify/button_images.png','width':99,'height':25,
            'fileTypeExts':'*.jpg;*.png;*.gif',
            //上传文件的大小限制
            'fileSizeLimit':'10MB',
            //上传数量
            'multi':true,
            'queueSizeLimit' : 100,
            //文件较多,时间设大一些
            'successTimeout':120,
            //返回一个错误,选择文件的时候触发
            'onSelectError':fileError,
            //检测FLASH失败调用
            'onFallback':function(){
                alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。");
            },
            //上传到服务器,服务器返回相应信息到data里
            'onUploadSuccess':function(file, data, response){
			
				var obj=jQuery.parseJSON(data);
				if(obj.error){
                    alert("上传出现错误!");
                }else{
                    addPicLine(picIndex);
                    $("#mbigpic"+picIndex).val(obj.big);
                    $("#mpicname"+picIndex).val(obj.name);
					if(obj.small){
						$("#msmallpic"+picIndex).val(obj.small);
						$("#preImg"+picIndex).attr("src",obj.small);
					}else{
						$("#msmallpic"+picIndex).val(obj.big);
						$("#preImg"+picIndex).attr("src",obj.big);
					}
                    picIndex++;

                }
					
            }, 
			'onUploadStart': function (file) {
                    $("#img_upload").uploadify("settings", "formData", {'mrnd':'<?=$mrnd?>',
					'addwater':$('#addwater').is(':checked'),
					'mcreatespic':$('#mcreatespic').is(':checked'),
			'mcreatespicwidth':$('#mcreatespicwidth').val(),
			'mcreatespicheight':$('#mcreatespicheight').val()});
                    //在onUploadStart事件中,也就是上传之前,把参数写好传递到后台。
            }

        });
	<?php
    if($ecmsfirstpost==1)
    {
	?>
	picIndex=1;
	<?php
    }
    else
    {
	$morepicpath="";
	$morepicnum=0;
	if($r[morepic])
    	{
    		$r[morepic]=stripSlashes($r[morepic]);
    		//地址
    		$j=0;
    		$pd_record=explode("rn",$r[morepic]);
    		for($i=0;$i<count($pd_record);$i++)
    		{
			$j=$i+1;
    			$pd_field=explode("::::::",$pd_record[$i]);
			?>
					addPicLine(<?=$j?>);
                    $("#msmallpic<?=$j?>").val("<?=$pd_field[0]?>");
                    $("#mbigpic<?=$j?>").val("<?=$pd_field[1]?>");
                    $("#mpicname<?=$j?>").val("<?=$pd_field[2]?>");
                    $("#preImg<?=$j?>").attr("src","<?=$pd_field[1]?>");
                    picIndex++;
			<?php 
    		}
    		$morepicnum=$j;
    	}
    }
    ?>

});
</script>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="25">
	  <input type="checkbox" name="addwater" id="addwater" value="1">加水印&nbsp;<input type="checkbox" name="mcreatespic" id="mcreatespic" value="1" onclick="if(this.checked){setmcreatespic.style.display='';}else{setmcreatespic.style.display='none';}" checked>生成缩图
	  <span id="setmcreatespic" style="display=none">:<input type=text name="mcreatespicwidth" id="mcreatespicwidth" size=4 value="<?=$public_r[spicwidth]?>">*<input type=text name="mcreatespicheight" id="mcreatespicheight" size=4 value="<?=$public_r[spicheight]?>">(宽*高)</span>
 </td>
  </tr>
   <tr>
    <td height="25">
	<input type="text" id="img_upload" name="img_upload" style="width:265px"/>
 </td>
  </tr>
  <tr> 
    <td>
	<div id="picBefore" style="clear:both"></div>

     <textarea id="picTable" style="display:none;">
                                <table id="picTable{0}" border="0" style="float:left;">
                                    <tr>
                                        <td>
                                            <div>
											缩略:<input type="text" id="msmallpic{0}" name="msmallpic[]" style="width:160px" ondblclick="SpOpenChFile(1,'msmallpic{0}');" onfocus="$('#preImg{0}').attr('src',$('#msmallpic{0}').val());"/><br>
											大图:<input type="text" id="mbigpic{0}" name="mbigpic[]" style="width:160px"  ondblclick="SpOpenChFile(1,'mbigpic{0}');" onfocus="$('#preImg{0}').attr('src',$('#mbigpic{0}').val());"/>
                                                <a href="javascript:void(0);" onclick="$('#picTable{0}').remove();" class="pn-opt">删除</a></div>
                                            <div>
                                            <div style="padding-top: 2px">&lt;textarea style="width:200px;height:60px;" name="mpicname[]" id="mpicname{0}" maxlength="255"&gt;&lt;/textarea&gt;</div>
                                        </td>
                                        <td><img id="preImg{0}" alt="预览" noResize="true" style="width:110px;height:110px;background-color:#ccc;border:1px solid #333"/></td>
                                    </tr>
                                </table>
                            </textarea>
                            <script type="text/javascript">
                                var picTpl = $.format($("#picTable").val());
                                function addPicLine(picIndex) {
                                    $('#picBefore').before(picTpl(picIndex));
                                }
      </script>

</td>
  </tr>
</table>

3、搞定。

效果如下:


注:此插件适合帝国cms7.0,7.2,7.5utf8版本,是基于uploadify的flash上传组件开发,需要浏览器支持flash才可以。

没有找到您需要的帝国CMS插件?

提交您的需求,定制插件。

立即咨询
帝国CMS模板网 帝国CMS模板网(www.daixiao360.cn)长期承接帝国CMS模板定制,帝国CMS仿站,帝国CMS采集规则,帝国CMS插件,帝国CMS二次开发。