ziqim/Yangcai365_design/manage/zview/template/externalDraftUpload.zml

${Scripts.src(zhiqim_uploadlarge.js)}
<script>
Z.onload(function()
{//初始化上传组件
    initHTML5Uploader();
    initHTML5Uploader1();
    Z("#FUpload_design").next().attr("accept",".cdr");
    Z("#ZUploadmultPreview").next().attr("accept","jpg,png");
});
<#var currentDate = DateTimes.getCurrentDate()/>
var designUpload,endUpload,UploadLarge;
var destDir = "/作品库/"+"${typeName}";
var designPath = destDir + "设计文件" + "/" + '${currentDate}';
var pdfPath = destDir + "印刷文件" + "/" + '${currentDate}'; 
var thumPath = destDir + "缩略图" + "/" +  '${currentDate}';
var items;
var uploadEndFile=true;
function initHTML5Uploader()
{
    designUpload = new Z.UploadLarge();
    designUpload.elem = "FUpload_design";
    designUpload.fileMd5Target = 1;
    designUpload.fileCopy = true;
    designUpload.maxSizeMiB = 150;
    designUpload.contextPath = "${context.getContextPath()}";
    designUpload.onSelected = function(fileName, fileLength)
    {
        var ind = fileName.lastIndexOf(".");
        if(ind < 0)
        {
            Z.alert("不合法的文件名格式");
            return false;
        }
        
        var ext = fileName.substring(fileName.lastIndexOf(".")+1);
        var fileFormat = Z("input[name='fileFormat']:checked").val();
        if (ext.toUpperCase() != fileFormat)
        {
            Z.alert("设计文件文件必须是"+fileFormat+"文件");
            return false;
        }
        
        //设置上传路径
        designUpload.setFileDir(designPath);
    };
    designUpload.onCompleted = function(fileId){
        var ajax = new Z.Ajax();
        ajax.setClassName("WorksPresenter");
        ajax.setMethodName("dotemplateExternalDesignLoad");
        ajax.addParam(fileId);
        ajax.addParam(${mediaId});
        ajax.setFailure(function(){
            designUpload.$delete.click();
            Z.failure(this.responseText);
        });
        ajax.setSuccess(function(){
            items = this.responseText;
        });
        ajax.setLoading(document)
        ajax.execute(); 
    };
    
    designUpload.execute();
}

function initHTML5Uploader1()
{
	upload = new Z.UploadLarge();
	upload.elem = "ZUploadmultPreview";
	upload.fileMd5Target = 1;
    upload.maxSizeMiB = 1;
    upload.showResult = false;
    upload.fileCopy = true;
    upload.multiSelect = true;
    upload.dropWrap = "ZUploadLarge"
    upload.contextPath = "${context.getContextPath()}";
	upload.onPreview = function(fileName,fileLength)
    {
    	var ind;
    	for (var i in fileName){
    		ind = fileName[i].name.lastIndexOf(".")
    		
    		if(ind < 0)
        	{
	            Z.alert("不合法的文件名格式");
	            return false;
        	}
        	
        	var ext = fileName[i].name.substring(fileName[i].name.lastIndexOf(".")+1);
	        if(ext.toUpperCase() != "JPG" && ext.toUpperCase() != "PNG")
	        {
	            Z.alert("缩略图文件必须是jpg,png文件");
	            return false;
	        }
    	}
        
        var ajax = new Z.Ajax();
        ajax.setSync(false);
        ajax.setClassName("WorksPresenter");
        ajax.setMethodName("isUploadDesignExternalFile");
        ajax.addParam(${mediaId});
        ajax.addParam(Z("input[name='fileFormat']:checked").val());
        ajax.setFailureAlert();
        ajax.setSuccess(function(){
            var resp = Z.J.toObject(this.responseText);
            if(!Z.T.isNumber(resp)){
                uploadEndFile = false;
                Z.alert(resp);
            }else{
                uploadEndFile = true;
                items = resp;
            }
        });
        ajax.execute();
        
        //设置上传路径
        upload.setFileDir(thumPath);
        //var html = '<div id="ZUploadmultPreviewResult" class="z-w100p z-h80" style="display:none"></div>'
       	//Z("#uploadDiv").html(html);
        //uploadmultpreview.buildPreviewHtml("ZUploadmultPreviewResult");
        //var zupl = document.getElementById('ZUploadmultPreviewLocation');
        //var zupr = document.getElementById('ZUploadmultPreviewResult');
        //zupl.appendChild(zupr);
        //upload.buildPreviewHtml('ZUploadmultPreviewLocation');
        var classNames = document.getElementsByClassName("Z-UploadLarge-progress-text z-absolute z-w100p z-px10 z-lh16");//innerHTML  innerText
        for (var i = 0;i < classNames.length;i++){
        	document.getElementsByClassName("Z-UploadLarge-progress-text z-absolute z-w100p z-px10 z-lh16")[i].innerHTML = "等待上传";
        }
    };
    upload.onCompleted = function(fileId,uploadedList){
    		var fileIds = "";
    		for (var i in uploadedList){
    			fileIds += uploadedList[i].fileId + ",";
    		}
            if(uploadEndFile){
                var ajax1 = new Z.Ajax();
                ajax1.setClassName("WorksPresenter");
                ajax1.setMethodName("doTemplateExternalEndLoad");
                ajax1.addParam(fileIds);
                ajax1.addParam(items);
                ajax1.addParam(thumPath);
                ajax1.setFailure(function(){
                	document.getElementById('ZUploadLarge').innerHTML = "";
                    Z.failure(this.responseText);
                });
                ajax1.setSuccess(function(){
                    Z.success("上传成功", function(){
                    	 <#if Validates.isNotEmpty(templateSrc)>
                    	 	//新建过来的
                    	 	parent.Z(".z-dialog-shadow").css("display","none");
						 	parent.Z(".z-dialog").css("display","none");
						 	parent.Z("#item_${mediaId}").find("img").click();
                    	 <#else>
                    	 	parent.parent.Z(".z-dialog-shadow").css("display","none");
						 	parent.parent.Z(".z-dialog").css("display","none");
						 	parent.parent.Z("#item_${mediaId}").find("img").click();
                    	 </#if>
                    });
                });
                ajax1.setLoading(document);
                ajax1.execute();
            }else{
                document.getElementById('ZUploadLarge').innerHTML = "";
            }
    };
    upload.execute();
}

function doUploadmultPreview()
{
    upload.upload();
}

function fileTypeSwitcher(fileType){
    Z("#FUpload_design").next().attr("accept",fileType);
}

</script>
<div id="uploadDiv"></div>
<table class="z-table z-bordered z-pd10 z-bg-white">
<tr height="80">
<td width="32%" align="center">文件格式（默认CDR）：</td>
<td width="68%">
			<button type="button" class="z-button z-large zi-bg-white zi-mg-l5" onclick="Z(this).find('zcover>i.z-radio').click()">
            <input type="radio" id="cdrFormat" name="fileFormat" class="z-radio" checked data-class="${zmr_color_class}" data-role="z-radio" onclick="Z.E.stop();fileTypeSwitcher('.cdr');"  value="CDR">
            CDR</button>
			<button type="button" class="z-button z-large zi-bg-white zi-mg-l5" onclick="Z(this).find('zcover>i.z-radio').click()">
            <input type="radio" id="psdFormat" name="fileFormat" class="z-radio" data-class="${zmr_color_class}" data-role="z-radio" onclick="Z.E.stop();fileTypeSwitcher('.psd');" value="PSD" >
            PSD</button>
			<button type="button" class="z-button z-large zi-bg-white zi-mg-l5" onclick="Z(this).find('zcover>i.z-radio').click()">
            <input type="radio" id="aiFormat" name="fileFormat" class="z-radio" data-class="${zmr_color_class}" data-role="z-radio" onclick="Z.E.stop();fileTypeSwitcher('.ai');" value="AI">
            AI</button>
            <button type="button" class="z-button z-large zi-bg-white zi-mg-l5" onclick="Z(this).find('zcover>i.z-radio').click()">
            <input type="radio" id="rarFormat" name="fileFormat" class="z-radio" data-class="${zmr_color_class}" data-role="z-radio" onclick="Z.E.stop();fileTypeSwitcher('.rar');" value="RAR">
            RAR</button>
 </td>
 </tr>
<tr height="80">
    <td width="32%" align="center">设计文件上传：
    <div class="z-text-red" style="font-size: 12px;">（最大150MB）</div></td>
    <td width="68%"><button id="FUpload_design" type="button" class="z-button z-w200 z-blue">文件上传</button></td>
</tr>
<tr height="80">
    <td width="32%" align="center">缩略图上传：
    <div class="z-text-red" style="font-size: 12px;">（最大1MB）</div></td>
    <td width="68%">
    <div id="ZUploadLarge" class="z-pd5 z-mg-t10 z-mg-b10" style="display: block; box-shadow: transparent 0px 0px 1px 0px;"></div>
    <button id="ZUploadmultPreview" class="z-button z-blue z-w120">选择文件</button>
    <button id="ZUploadmultUpload" class="z-button z-w120" onclick="doUploadmultPreview();">上传文件</button>
    </td>
</tr>
</table>