/**
* 商戶資質信息模塊js
*
* 涉及頁面組件 {
* 上傳組件（UploadFileComponent）
* }
*
*
* 初始化工具（init）
*
* @Author:Waver
*/
var qualificationInfoModule = (function() {
// 上傳文件類型
var UPLOAD_FILE_TYPE = {
BUSSINESS_LICENSE: 'BUSSINESS_LICENSE',
ORGANIZATION_CODE: 'ORGANIZATION_CODE',
TAX_REGISTRATION: 'TAX_REGISTRATION',
BANK_ACCOUNT_LICENCE: 'BANK_ACCOUNT_LICENCE',
ID_CARD_FRONT: 'ID_CARD_FRONT',
ID_CARD_BACK: 'ID_CARD_BACK',
PAYMENT_BUSINESS_LICENSE: 'PAYMENT_BUSINESS_LICENSE',
SHOP_PLACE: 'SHOP_PLACE',
SHOP_FRONT: 'SHOP_FRONT',
SHOP_CASHIER: 'SHOP_CASHIER',
APPLY: 'APPLY',
OPTIONAL: 'OPTIONAL'
}
var fileTypeMap = new Map([
[UPLOAD_FILE_TYPE.BUSSINESS_LICENSE , 'imgBusinessLicense'],
[UPLOAD_FILE_TYPE.ORGANIZATION_CODE , 'imgOrganizationCode'],
[UPLOAD_FILE_TYPE.TAX_REGISTRATION , 'imgTaxRegistration'],
[UPLOAD_FILE_TYPE.BANK_ACCOUNT_LICENCE , 'imgBankAccountLicence'],
[UPLOAD_FILE_TYPE.ID_CARD_FRONT , 'imgIdCardFront'],
[UPLOAD_FILE_TYPE.ID_CARD_BACK , 'imgIdCardBack'],
[UPLOAD_FILE_TYPE.PAYMENT_BUSINESS_LICENSE , ''],
[UPLOAD_FILE_TYPE.SHOP_PLACE , 'imgShopPlace'],
[UPLOAD_FILE_TYPE.SHOP_FRONT , 'imgShopFront'],
[UPLOAD_FILE_TYPE.SHOP_CASHIER , 'imgShopCashier'],
[UPLOAD_FILE_TYPE.APPLY , 'imgApply'],
[UPLOAD_FILE_TYPE.OPTIONAL , 'optional']
]);
var uploadFileComponentMap = new Map();
// 申請表資質上傳組件列表
var applyUploadFileComponent = new Array();
// 其他資質上傳組件列表
var optionalUploadFileComponent = new Array();
//ajaxuploadfile插件input[type='file']對應的id屬性的number
var uploadFileNum = 0
function UploadFileComponent(uploadFileDiv) {
var uploadFileObj = null;
// 上傳文件類型
var uploadFileType = null;
// 文件上傳后對應路徑的隱藏域ID
var filePathHiddenId = null;
+function(uploadFileDiv) {
uploadFileObj = $(uploadFileDiv);
uploadFileType = uploadFileObj.attr('file-type');
}(uploadFileDiv);
// 為上傳組件添加表單
var addForm = function() {
uploadFileNum ++
var text = '<form id="' + uploadFileObj.attr('file-type') + 'FORM" action="register/upload" enctype="multipart/form-data" method="post">'
+ '<input type="file" class="upload-file-input" id="uploadFile_'+uploadFileNum+'" name="uploadFile" aria-invalid="false">'
+ '<img src="" class="upload-img-file upload-file-show" data-src="" style="z-index: 999; display: none;">'
+ '<a class="delete-image-btn" style="display: none;"></a>'// 刪除按鈕
+ '<a class="change-image-btn" style="display: none;"></a>'// 點擊查看放大圖片
+ '<p class="validation-error"><p/>'
+ '</form>';
uploadFileObj.find('.upload-photo-name').after(text);
bind_change_event_for_file_input();
// 添加點擊刪除事件
bind_click_event_for_delete_btn();
return uploadFileNum
}
var bind_change_event_for_file_input = function() {
uploadFileObj.find('.upload-file-input').change(function() {
uploadFile(this);
});
// 點擊按鈕重新上傳文件（優化點3）
uploadFileObj.find('.change-image-btn').click(function(){
$(this).parent().find(".upload-file-input").attr("disabled",false)
$(this).parent().find(".upload-file-input").eq(0).trigger("click")
uploadFile(this.previousSibling.previousSibling.previousSibling);
});
}
// 上傳文件
var uploadFile = function(inputFileObj) {
console.log(inputFileObj.files[0].name.split(".")[inputFileObj.files[0].name.split(".").length-1])
if(inputFileObj.files[0] == undefined){
return;
}
// 只允許上傳jpg jpeg gif png類型的圖片
var pattern=/\.(pdf|jpg|jpeg|gif|png)$/;
//上傳 pdf，zip，rar
var patternTwo = /\.(pdf|zip|rar)$/
// 只允許上傳zip pdf文件
var patternThree = /\.(zip|rar)$/
if($(inputFileObj).next().attr("src") == "" || $(inputFileObj).next().attr("src") == "undefined"){
console.log($(inputFileObj).next().attr("src") == "")
}else{
console.log($(inputFileObj).next().attr("src") == "undefined")
}
if(pattern.test(inputFileObj.files[0].name) == false && patternTwo.test(inputFileObj.files[0].name) == false){// 上傳了非制定類型的圖片
$.alert({
title:"",
content:"文件格式錯誤,請重新選擇",
buttons:{
'確定':function(){
$("body").mLoading("hide");
}
}
});
return;
}
//在非資質信息區域上傳rar和zip文件
if(patternThree.test(inputFileObj.files[0].name) && !($(inputFileObj).parent().parent().parent().attr("file-type") == "OPTIONAL")){
console.log("只有資質照片才能上傳zip和rar")
YEEPAY.popTosure({
msg : "只有其他資質照片才可以傳zip或rar文件",
btnNumber: 'one'
})
}// 非圖片上傳和下載√
else if(patternTwo.test(inputFileObj.files[0].name)){
var qualificationType = uploadFileObj.attr('file-type');
var fileType = inputFileObj.files[0].name.split(".")[inputFileObj.files[0].name.split(".").length-1]
// 上傳文件前，禁用提交按鈕
if('CHAIN_HEAD_REGISTER' == opType) {
$('#submit_test').attr('disabled', true);
} else {
$('#registerSubmit').attr('disabled', true);
}
// 上傳非圖片(調用函數)
ajaxFileUpload(inputFileObj)
function ajaxFileUpload(inputFileObj){
$.ajaxFileUpload({
url:contextPath +"url",
type: "post",
data : {
fileType: fileType,
qualificationType: qualificationType || ""
},
dataType: 'json',
secureuri: false, //一StringToEnumConverterFactory般設置為false
fileElementId: $(inputFileObj).attr("id"), // 上傳文件的id屬性名
success: function(data, status){
console.log(data)
removeUploadFile();
if(fileType == "zip" || fileType == "rar"){
uploadFileObj.find('.upload-img-file').attr("data-src", data.filepath);
uploadFileObj.find('.upload-img-file').attr("src", contextPath + "/dist/images/zip.png");
}
if(fileType == "pdf"){
uploadFileObj.find('.upload-img-file').attr("data-src", data.filepath);
uploadFileObj.find('.upload-img-file').attr("src", contextPath + "/dist/images/pdf.png");
}
// 添加圖片路徑隱藏域(后臺需要)
$('#opRegisterForm').append('<input type="hidden" id="' + getFilePathHiddenId() + '" name="' + fileTypeMap.get(qualificationType) + '" value="' + data.filepath + '" />');
//顯示圖片 顯示button
uploadFileObj.find('.upload-img-file').show();
uploadFileObj.find('.delete-image-btn').show();
uploadFileObj.find('.change-image-btn').show();
//下載zip和pdf
var downFunc = uploadFileObj.find('.upload-img-file').click(function(){
var _this = this
var downObj = $(_this)
YEEPAY.popTosure()
$(".sureDownload").click(function(){
window.location.href = contextPath + 'url?fileRelativePath=' + downObj.attr("data-src")
})
});
//downFun = null
// 上傳文件成功后，恢復提交按鈕
if('CHAIN_HEAD_REGISTER' == opType) {
$('#submit_test').attr('disabled', false);
} else {
$('#registerSubmit').attr('disabled', false);
}
},
error: function(data, status, e){
alert(e);
// 上傳文件失敗后，恢復提交按鈕
if('CHAIN_HEAD_REGISTER' == opType) {
$('#submit_test').attr('disabled', false);
} else {
$('#registerSubmit').attr('disabled', false);
}
}
});
}
return
}
else {
//lrz實現本地壓縮后上傳圖片
lrz(inputFileObj.files[0], {width: 1024, quality: 0.8}).then(function (rst) {
sourceSize = toFixed2(inputFileObj.files[0].size / 1024);
resultSize = toFixed2(rst.fileLen / 1024);// fielLen返回的是文件的長度
scale = parseInt(100 - (resultSize / sourceSize * 100));
//alert(sourceSize+"->"+resultSize+",scale:"+scale);
var form = $(inputFileObj).parent();
//資質文件類型
var qualificationType = uploadFileObj.attr('file-type');
//上傳文件類型
var fileType = inputFileObj.files[0].name.split(".")[inputFileObj.files[0].name.split(".").length - 1]
// 上傳文件前，禁用提交按鈕
if('CHAIN_HEAD_REGISTER' == opType) {
$('#submit_test').attr('disabled', true);
} else {
$('#registerSubmit').attr('disabled', true);
}
Common.ajax(contextPath + 'url/register/uploadImg', 'POST',
{
fileData: rst.base64,
fileType: fileType,
qualificationType: qualificationType || ""
}, function (response) {
removeUploadFile()
//顯示縮略圖 換路徑
uploadFileObj.find('.upload-img-file').attr("src", rst.base64);//這里顯示的就是縮略圖
//顯示圖片 顯示button
uploadFileObj.find('.upload-img-file').show();
uploadFileObj.find('.delete-image-btn').show();
uploadFileObj.find('.change-image-btn').show();
// 這個是顯示大圖的
uploadFileObj.find('.upload-img-file').click(function () {
// 這個是彈出新窗口
window.open('url/showImage?filePath=' + response.filepath, '_blank', "scrollbars=yes,resizable=1,modal=false,alwaysRaised=yes,height=600,width=800");
});
// 添加圖片路徑隱藏域(后臺需要)
$('#opRegisterForm').append('<input type="hidden" id="' + getFilePathHiddenId() + '" name="' + fileTypeMap.get(qualificationType) + '" value="' + response.filepath + '" />');
// 禁用上傳功能(每次點擊都會調用這個方法，所以下次就仍舊可以上傳)
uploadFileObj.find('.upload-file-input').attr('disabled', true); // 點擊切換圖片
// 上傳文件成功后，恢復提交按鈕
if('CHAIN_HEAD_REGISTER' == opType) {
$('#submit_test').attr('disabled', false);
} else {
$('#registerSubmit').attr('disabled', false);
}
}, function () {
uploadFileObj.find('.upload-file-input').val('');
// 上傳文件失敗后，恢復提交按鈕
if('CHAIN_HEAD_REGISTER' == opType) {
$('#submit_test').attr('disabled', false);
} else {
$('#registerSubmit').attr('disabled', false);
}
$.alert({
title: "",
content: "圖片上傳失敗或超時,請重試",
buttons: {
'確定': function () {
$("body").mLoading("hide");
}
}
});
}, {
timeout: 180000,
async: true
});
return rst;
}).catch(function (err) {
// 處理失敗會執行
}).always(function () {
// 不管是成功失敗，都會執行
});
}
}
var toFixed2 = function(num) {
return parseFloat(+num.toFixed(2));
}
var getUploadFileType = function() {
return uploadFileType;
}
var setImage = function(imageFilePath) {
var uploadFileType = getOrigUploadFileType(imageFilePath);
if(!uploadFileType) {
return;
}
// 先刪除了一個，又添加了一個img
uploadFileObj.find('.upload-img-file').remove();
if(uploadFileType == 'pdf') {
uploadFileObj.find('.upload-file-input').after('<img src="' + contextPath + '/dist/images/pdf.png" class="upload-img-file upload-file-show" style="z-index: 999;">');
} else if(uploadFileType == 'zip' || uploadFileType == 'rar') {
uploadFileObj.find('.upload-file-input').after('<img src="' + contextPath + '/dist/images/zip.png" class="upload-img-file upload-file-show" style="z-index: 999;">');
} else {
uploadFileObj.find('.upload-file-input').after('<img src="' + imageFilePath + '" class="upload-img-file upload-file-show" style="z-index: 999;">');
}
// 顯示刪除按鈕
uploadFileObj.find('.delete-image-btn').show();
uploadFileObj.find('.change-image-btn').show();
}
// 獲取上傳文件類型
var getOrigUploadFileType = function(imageFilePath) {
if(!imageFilePath || imageFilePath.length == 0) {
return null;
}
var fileTypePos = imageFilePath.lastIndexOf('.');
if(fileTypePos > -1) {
return imageFilePath.substring(fileTypePos + 1);
} else {
return null;
}
}
// 是否支持下載
var isDownload = function(imageFilePath) {
var fileType = getOrigUploadFileType(imageFilePath);
if(!fileType) {
return false;
}
// pdf、zip、rar支持下載
var pattern = /^(pdf|zip|rar)$/;
return pattern.test(fileType);
}
// 禁用上傳功能
var disableUploading = function() {
uploadFileObj.find('.upload-file-input').attr('disabled', true);
}
//使用上傳功能
var enableUploading = function() {
//控制disable屬性
uploadFileObj.find('.upload-file-input').attr('disabled', false);
uploadFileObj.find('.upload-file-input').val('');
}
// 為刪除按鈕綁定click事件
var bind_click_event_for_delete_btn = function() {
uploadFileObj.find('.delete-image-btn').click(function() {
removeUploadFile();
});
}
// 刪除已經上傳的圖片
var removeUploadFile = function() {
var uploadFileHidden = $('#opRegisterForm').find('input[id="' + getFilePathHiddenId() + '"]');
var uploadFilePath;
if(uploadFileHidden) {
//獲取上傳文件路徑
uploadFilePath = uploadFileHidden.val();
// 刪除增加上傳文件路徑對應的hidden
uploadFileHidden.remove();
}
if(uploadFilePath) {
// 增加待刪除文件路徑對應的hidden
$('#opRegisterForm').append('<input type="hidden" name="delete_op_img" value="' + uploadFilePath + '">');
}
// 移除圖片顯示
removeImage();
// 啟用上傳功能
enableUploading();
}
var removeImage = function() {
uploadFileObj.find('.upload-img-file').hide();
uploadFileObj.find('.delete-image-btn').hide();
uploadFileObj.find('.change-image-btn').hide();
uploadFileObj.find('.upload-img-file').off('click',null)
}
var getFilePathHiddenId = function() {
return filePathHiddenId;
}
var setFilePathHiddenId = function(hiddenId) {
filePathHiddenId = hiddenId;
}
var getUploadFileObj = function() {
return uploadFileObj;
}
return {
addForm : addForm,
getUploadFileType : getUploadFileType,
setImage : setImage,
disableUploading : disableUploading,
getFilePathHiddenId : getFilePathHiddenId,
setFilePathHiddenId : setFilePathHiddenId,
getUploadFileObj : getUploadFileObj,
removeUploadFile : removeUploadFile,
getOrigUploadFileType : getOrigUploadFileType,
isDownload : isDownload
}
}
//
var getUploadFileComponentMap = function() {
return uploadFileComponentMap;
}
// 校驗必傳資質文件是否上傳
var validateUploadingFile = function() {
var result = true; // 校驗結果
$.each(UPLOAD_FILE_TYPE, function(key, value) {
if(UPLOAD_FILE_TYPE.BUSSINESS_LICENSE == value) {
// 檢查營業執照號是否填寫，如果填寫，營業執照資質必須上傳
if($('#businessLicence').val() != null && $('#businessLicence').val().trim() != '') {
if(!_validate(value)) {
result = false;
}
} else {
// 清除原有校驗提示信息
var uploadFileComponent = uploadFileComponentMap.get(value);
uploadFileComponent.getUploadFileObj().find('.validation-error').text('');
}
} else if(UPLOAD_FILE_TYPE.ORGANIZATION_CODE == value) {
// 檢查組織機構代碼證是否填寫，如果填寫，組織機構代碼證資質必須上傳
if($('#orgCode').val() != null && $('#orgCode').val().trim() != '') {
if(!_validate(value)) {
result = false;
}
} else {
// 清除原有校驗提示信息
var uploadFileComponent = uploadFileComponentMap.get(value);
uploadFileComponent.getUploadFileObj().find('.validation-error').text('');
}
} else if(UPLOAD_FILE_TYPE.TAX_REGISTRATION == value) {
// 檢查稅務登記證是否填寫，如果填寫，稅務登記證資質必須上傳
if($('#taxCode').val() != null && $('#taxCode').val().trim() != '') {
if(!_validate(value)) {
result = false;
}
} else {
// 清除原有校驗提示信息
var uploadFileComponent = uploadFileComponentMap.get(value);
uploadFileComponent.getUploadFileObj().find('.validation-error').text('');
}
} else if(UPLOAD_FILE_TYPE.ID_CARD_FRONT == value) {
if(!_validate(value)) {
result = false;
}
} else if(UPLOAD_FILE_TYPE.ID_CARD_BACK == value) {
if(!_validate(value)) {
result =false;
}
} else if(UPLOAD_FILE_TYPE.APPLY == value) {
if(!_validate(value)) {
result = false;
}
} else if(UPLOAD_FILE_TYPE.PAYMENT_BUSINESS_LICENSE == value) {
// 代理商類型為支付機構時，支付許可證必須上傳
if($('input[name="oPOperatorParam[\'agentType\']"]:checked').val()) {
if('AGENT_PAYMENT' == $('input[name="oPOperatorParam[\'agentType\']"]:checked').val()) {
if(!_validate(value)) {
result = false;
}
} else {
// 清除原有校驗提示信息
var uploadFileComponent = uploadFileComponentMap.get(value);
uploadFileComponent.getUploadFileObj().find('.validation-error').text('');
}
}
}
});
return result;
}
// 門店入網頁，校驗必傳資質文件是否上傳
var validateUploadingFileForChain = function() {
var result = true; // 校驗結果
$.each(UPLOAD_FILE_TYPE, function(key, value) {
if(UPLOAD_FILE_TYPE.APPLY == value) {
if(!_validate(value)) {
result = false;
}
}
});
return result;
}
var _validate = function(uploadFileType) {
var result = true; // 校驗結果
if(UPLOAD_FILE_TYPE.APPLY == uploadFileType) {// 上傳文件類型
var flag = true;
$.each(applyUploadFileComponent, function (index, component) {
var inputFileObj = component.getUploadFileObj().find('input[type=file]');
if($('#opRegisterForm').find('input[id=' + uploadFileType + '_' + (index + 1) +']')[0]) {
flag = false;
}
});
if(flag) {
applyUploadFileComponent[0].getUploadFileObj().find('.validation-error').text('請上傳文件!');
result = false;
} else {
applyUploadFileComponent[0].getUploadFileObj().find('.validation-error').text('');
}
} else if(UPLOAD_FILE_TYPE.OPTIONAL == uploadFileType) {
} else if(UPLOAD_FILE_TYPE.ID_CARD_FRONT == uploadFileType || UPLOAD_FILE_TYPE.ID_CARD_BACK == uploadFileType) {
var uploadFileComponent = uploadFileComponentMap.get(UPLOAD_FILE_TYPE.ID_CARD_FRONT);
if($('#opRegisterForm').find('input[id='+ UPLOAD_FILE_TYPE.ID_CARD_FRONT + ']')[0] || $('#opRegisterForm').find('input[id='+ UPLOAD_FILE_TYPE.ID_CARD_BACK + ']')[0]) {
// 清除校驗信息
uploadFileComponent.getUploadFileObj().find('.validation-error').text('');
} else {
// 提示校驗信息
uploadFileComponent.getUploadFileObj().find('.validation-error').text('請上傳文件!');
result = false;
}
}else {
var uploadFileComponent = uploadFileComponentMap.get(uploadFileType);
if($('#opRegisterForm').find('input[id='+ uploadFileType + ']')[0]) {
// 清除校驗信息
uploadFileComponent.getUploadFileObj().find('.validation-error').text('');
} else {
// 提示校驗信息
uploadFileComponent.getUploadFileObj().find('.validation-error').text('請上傳文件!');
result = false;
}
}
return result;
}
// 初始化組件
var init = (function() {
return {
initialize : function() {
uploadFileComponentMap.set(UPLOAD_FILE_TYPE.APPLY, applyUploadFileComponent);
uploadFileComponentMap.set(UPLOAD_FILE_TYPE.OPTIONAL, optionalUploadFileComponent);
$('.pic-module .upload-photo').each(function(index, uploadPhotoDiv) {
var uploadFileComponent = new UploadFileComponent(uploadPhotoDiv);
uploadFileComponent.addForm();
// 將上傳組件添加到map中
if(UPLOAD_FILE_TYPE.APPLY == uploadFileComponent.getUploadFileType()) {
applyUploadFileComponent.push(uploadFileComponent);
uploadFileComponent.setFilePathHiddenId(UPLOAD_FILE_TYPE.APPLY + '_' + applyUploadFileComponent.length);
} else if(UPLOAD_FILE_TYPE.OPTIONAL == uploadFileComponent.getUploadFileType()) {
optionalUploadFileComponent.push(uploadFileComponent);
uploadFileComponent.setFilePathHiddenId(UPLOAD_FILE_TYPE.OPTIONAL + '_' + optionalUploadFileComponent.length);
} else {
uploadFileComponentMap.set(uploadFileComponent.getUploadFileType(), uploadFileComponent);
uploadFileComponent.setFilePathHiddenId(uploadFileComponent.getUploadFileType());
}
});
// 添加按鈕綁定事件
$('.pic-module .add-upload-photo').each(function(index, addUploadPhotoLi) {
var fileType = $(addUploadPhotoLi).attr('file-type');
// 申請表資質信息添加按鈕事件
if(UPLOAD_FILE_TYPE.APPLY == fileType) {
$(addUploadPhotoLi).click(function() {
if(applyUploadFileComponent.length < 2) {
var text = '<li class="upload-photo" file-type="APPLY"><div class="upload-block">'
+ '<div class="upload-photo-name">'
+ '<span class="iconfont icon-tianjiatupian"></span>'
+ '<p>申請表</p></div></div></li>';
$(addUploadPhotoLi).before(text);
var uploadPhotoLi = $('.pic-module .apply-frame').find('.upload-photo:last');
var uploadFileComponent = new UploadFileComponent(uploadPhotoLi);
uploadFileComponent.addForm();
applyUploadFileComponent.push(uploadFileComponent);
uploadFileComponent.setFilePathHiddenId(UPLOAD_FILE_TYPE.APPLY + '_' + applyUploadFileComponent.length);
}
if (applyUploadFileComponent.length == 2) {
$(addUploadPhotoLi).hide();
}
});
// 其他資質信息添加按鈕事件
} else if(UPLOAD_FILE_TYPE.OPTIONAL == fileType) {
$(addUploadPhotoLi).click(function () {
if (optionalUploadFileComponent.length < 10) {
var text = '<li class="upload-photo" file-type="OPTIONAL"><div class="upload-block">'
+ '<div class="upload-photo-name">'
+ '<span class="iconfont icon-tianjiatupian"></span>'
+ '<p>其他</p></div></div></li>';
$(addUploadPhotoLi).before(text);
var uploadPhotoLi = $('.pic-module .optional-frame').find('.upload-photo:last');
var uploadFileComponent = new UploadFileComponent(uploadPhotoLi);
uploadFileComponent.addForm();
optionalUploadFileComponent.push(uploadFileComponent);
uploadFileComponent.setFilePathHiddenId(UPLOAD_FILE_TYPE.OPTIONAL + '_' + optionalUploadFileComponent.length);
}
if (optionalUploadFileComponent.length == 10) {
$(addUploadPhotoLi).hide();
}
});
}
});
// 加載已經上傳的資質圖片
if(initData.qualification) {
$.each(UPLOAD_FILE_TYPE, function(key, value) {
if(initData.qualification[value]) {
if (UPLOAD_FILE_TYPE.APPLY == value) { // 這個的應用信息
$.each(applyUploadFileComponent, function (index, component) {
if(initData.qualification[value][index]) {
component.setImage('url/showImage?filePath=' + initData.qualification[value][index]);
component.disableUploading();
var uploadFileObj = component.getUploadFileObj();
if(component.isDownload(initData.qualification[value][index])) {
uploadFileObj.find('.upload-img-file').click(function () {
window.location.href = contextPath + 'url/download?fileRelativePath=' + initData.qualification[value][index];
})
} else {
uploadFileObj.find('.upload-img-file').click(function () {
window.open('url/manage/showImage?filePath=' + initData.qualification[value][index], '_blank',"scrollbars=yes,resizable=1,modal=false,alwaysRaised=yes,height=600,width=800");
})
}
// 添加圖片路徑隱藏域
$('#opRegisterForm').append('<input type="hidden" id="' + component.getFilePathHiddenId() + '" name="' + fileTypeMap.get(value) + '" value="' + initData.qualification[value][index] + '" />');
}
});
} else if (UPLOAD_FILE_TYPE.OPTIONAL == value) {// 這個是資質信息
$.each(optionalUploadFileComponent, function (index, component) {
if(initData.qualification[value][index]) {
component.setImage('url/merchant/manage/showImage?filePath=' + initData.qualification[value][index]);
component.disableUploading();
//$('.upload-file-show').click(function(){
// window.open('url/manage/showImage?filePath=' + initData.qualification[value][index], '_blank',"scrollbars=yes,resizable=1,modal=false,alwaysRaised=yes,height=600,width=800");
//
//})
var uploadFileObj = component.getUploadFileObj();
if(component.isDownload(initData.qualification[value][index])) {
uploadFileObj.find('.upload-img-file').click(function () {
window.location.href = contextPath + 'url/download?fileRelativePath=' + initData.qualification[value][index];
})
} else {
uploadFileObj.find('.upload-img-file').click(function () {
window.open('url/merchant/manage/showImage?filePath=' + initData.qualification[value][index], '_blank',"scrollbars=yes,resizable=1,modal=false,alwaysRaised=yes,height=600,width=800");
})
}
// 添加圖片路徑隱藏域
$('#opRegisterForm').append('<input type="hidden" id="' + component.getFilePathHiddenId() + '" name="' + fileTypeMap.get(value) + '" value="' + initData.qualification[value][index] + '" />');
}
});
} else {
// 得到對應的hidden的name值
//var hidden = fileTypeMap.get(fileType)
var uploadFileComponent = uploadFileComponentMap.get(value);
uploadFileComponent.setImage('url/showImage?filePath=' + initData.qualification[value]);
uploadFileComponent.disableUploading();
// 添加圖片路徑隱藏域
$('#opRegisterForm').append('<input type="hidden" id="' + uploadFileComponent.getFilePathHiddenId() + '" name="' + fileTypeMap.get(value) + '" value="' + initData.qualification[value] + '" />');
var uploadFileObj = uploadFileComponent.getUploadFileObj();
if(uploadFileComponent.isDownload(initData.qualification[value])) {
uploadFileObj.find('.upload-img-file').click(function () {
window.location.href = contextPath + 'url/register/download?fileRelativePath=' + initData.qualification[value];
})
} else {
uploadFileObj.find('.upload-img-file').click(function () {
window.open('url/merchant/manage/showImage?filePath=' + initData.qualification[value], '_blank', "scrollbars=yes,resizable=1,modal=false,alwaysRaised=yes,height=600,width=800");
})
}
}
}
});
}
}
}
})();
+function () {
init.initialize();
}();
return {
UPLOAD_FILE_TYPE : UPLOAD_FILE_TYPE,
validateUploadingFile : validateUploadingFile,
validateUploadingFileForChain : validateUploadingFileForChain,
getUploadFileComponentMap : getUploadFileComponentMap
}
})();
以上的js代碼實現了圖片的上傳，下載，點擊換圖和點擊查看大圖（實現方法是打開一個新頁面），重點應用了倆個jq插件lrz（用來上傳圖片）和ajaxuploadfile（上傳非圖片，具體上傳了rar，zip和pdf文件）插件
上傳圖片涉及的區域比較多，分類復雜，需要根據具體的頁面來進行理解，但是具體的邏輯是適用的，包含了初始化，validate插件的校驗。寫的比較糙，以后來完善
轉載于:https://www.cnblogs.com/wyliunan/p/7688187.html
)
