define(['mUtil', "Component","i18n"], function (mUtil, Component,i18n) {
	var FPhoto = function (options) {
		var _photo = {}, imageValueDatas = [], docImgIdsMap = {}, $wevField, $upload, $tip, $wevImgWrapper, $comp;

		Component.super(this, options);

		this.type = "FPhoto";
		this.tpl = this.type + "_html";
		this.css = this.type + "_css";
        this.dataload = true;

		var vm = this.viewModel = {
			form: "",
			field: {
				label: "",		//显示名
				name: "",		//字段名
				id: "",		//字段id
				value: ""		//字段值，文档id
			},
			compress: {
				quality: 1,  //质量：值越小，质量越低，图片压缩后体积越小，但图片也会越不清晰。该值设置介于0.1 至 1之间
				zoom: 1      //压缩时会以图片的原始宽高会乘以缩放比例，值越小，压缩后图片的宽高越小，体积也会越小。该值设置介于0.1 至 1之间
			},
			watermark: {
				add : false,	//是否添加水印
				position : 1,	//水印位置
				font : "Verdana",	//水印字体
				color : "#F8F8F8",	//字体颜色
				fontsize : "18",	//字体大小px
				fontweight : "normal",	//是否加粗
				content : ""		//水印内容
			},
			draw: false,		//是否绘制
			source: {			//照片来源
				browser: true,	//选择照片
				takephoto: true//拍照
			},
			limit: 0,			//最大图片张数,0表示不限制
			required: false,
			readonly: false,
			standalone: true,
			identification:'', //命名标识
			namerule :"移动建模图片附件-{timestamp}"
		};
		
		this.dbValueHasSet = false; //是否已设置表单数据值，调用this.setValueByDB()方法后修改此状态

		this.beforeMount = function () {
		    if (!mUtil.checkEmpJsApi("chooseImage") 
		            && !mUtil.runtime.isEmobile() 
		            && !mUtil.isFunction(window.eb_chooseImage)) {
                vm.client = "browser";//web浏览器判断，模板中需要用到此类型
            }
			if (vm.required && !vm.field.label) {
				vm.field.label = "";
			}
		};

		this.mounted = function () {
			var that = this, $abbr = this.$el, 
			    onlyChooseImage = vm.source.browser && !vm.source.takephoto,
			    onlyTakePhoto = vm.source.takephoto && !vm.source.browser;

			$upload = $abbr.find(".wev-upload");
			$wevField = $abbr.find(".wev-field");
			$tip = $abbr.find(".wev-upload > span").html(i18n.SELECT_IMAGE);
			$wevImgWrapper = $abbr.find(".wev-img-wrapper");
			$comp = $abbr.children(".wev-comp-" + that.type);

			vm.useCamera = false;//是否是拍照，在拍照时可以添加水印
			
			var limitCheck = function(){
			    if (vm.limit > 0 && vm.limit <= imageValueDatas.length) {
                    mUtil.getLabel(5306, "照片上传超过最大限制",function(msg){
                        Mobile_NS.msg(msg + "(" + vm.limit + ")");
                    });
                    return true;
                }
			    return false;
			}, showFooterMenu = function(chooseImageFn, takeFhotoFn){
			    Mobile_NS.footerMenu({iconPosition: "right", items: [{
			    	icon: "/mobilemode/mobile/images/plugin/camera.png",
                    text: i18n.PHOTOGRAPH, callback: function () {
                        takeFhotoFn();
                    }
                }, {
			        icon: "/mobilemode/mobile/images/plugin/photo.png",
                    text: i18n.SELECT_IMAGE, callback: function () {
                        chooseImageFn();
                    }
                }]});
			};
			var isH5Upload = false, isPrivateWechat = mUtil.runtime.isWechat() && !mUtil.runtime.isWxwork();
			if (mUtil.checkEmpJsApi("chooseImage")) {
			    var chooseImage4Emp = function(sourceType){
                    require(["mApi/popup"]);//预加载
                    var count = 1;
                    if(!vm.draw){
                        count = vm.limit > 0 ? vm.limit - imageValueDatas.length : 9;
                    }
                    
                    mUtil.invokeEmApi("chooseImage", {
                        count: count, // 最大可选照片数，默认9
                        sourceType: sourceType, // 可以指定来源是相册还是相机，默认二者都有 ['album', 'camera']
                        success: function (res) {
                            if(isPrivateWechat){
                                vm.useCamera = res.sourceType == 'camera';
                            }
                            var localIds = res.localIds || []; // 返回选定照片的本地ID列表
                            var getLocalImgData = function(localId){
                                var d = $.Deferred();
                                em.getLocalImgData({
                                    localId: localId,
                                    success: function(res){
                                        d.resolve();
                                        hideLoader(localId);
                                        that.photoProcess("data:image/jpeg;base64," + res.localData);
                                    },
                                    fail: function(res){
                                        d.resolve();
                                        hideLoader(localId);
                                        Mobile_NS.alert("getLocalImgData fail:" + JSON.stringify(res));
                                    }
                                });
                                return d;
                            }, hideLoader = function(localId){
                                if(localId == localIds[localIds.length - 1]){
                                    Mobile_NS.hideLoader();
                                }
                            };
                            Mobile_NS.showLoader();
                            localIds.reduce(function(prev, next){
                                prev = prev || $.Deferred().resolve();
                                return prev.then(function(){
                                    return getLocalImgData(next);
                                });
                            }, "");
                        },
                        fail: function(res){
                            Mobile_NS.alert("chooseImage fail:" + JSON.stringify(res));
                        }
                    });
                }, chooseImage = function(){
                    vm.useCamera = false;
                    chooseImage4Emp(['album']);
                }, takePhoto = function(){
                    vm.useCamera = true;
                    chooseImage4Emp(['camera']);
                };
                
				$upload.on("click", function (e) {
					e.stopPropagation();
					if(limitCheck()) return;

                    if (onlyChooseImage) {
                        chooseImage();
                    } else if (onlyTakePhoto) {
                        takePhoto();
                    } else {
                        if(isPrivateWechat){//微信环境接口自带弹出菜单
                            chooseImage4Emp(['camera', 'album']);
                        }else{
                            showFooterMenu(chooseImage, takePhoto);
                        }
                        
                    }
				});
			}else if (mUtil.runtime.isEmobile6()){
			    $upload.on("click", function (e) {
                    e.stopPropagation();
                    if(limitCheck()) return;
                    
                    var chooseImage4EMobile = function(){
                        vm.useCamera = false;
                        location = "emobile:photochoose:_p_addPhoto_uploaded:" + vm.id + ":" + e.clientY + ":_p_addPhoto_clear";
                    }, takePhoto4EMobile = function(){
                        vm.useCamera = true;
                        location = "emobile:photograph:_p_addPhoto_uploaded:" + vm.id + ":" + e.clientY + ":_p_addPhoto_clear";
                    };
                    
                    if (onlyChooseImage) {
                        chooseImage4EMobile();
                    } else if (onlyTakePhoto) {
                        takePhoto4EMobile();
                    } else {
                        showFooterMenu(chooseImage4EMobile, takePhoto4EMobile);
                    }
                });
			}else if(mUtil.isFunction(window.eb_chooseImage)){
			    $upload.on("click", function (e) {
			        e.stopPropagation();
			        if(limitCheck()) return;
			        
			        var choosetype = 0;
	                if (onlyChooseImage) {
	                    choosetype = 2;
	                } else if (onlyTakePhoto) {
	                    vm.useCamera = true;
	                    choosetype = 1;
	                }
	                eb_chooseImage(choosetype, "_p_addPhoto_uploaded", vm.id);
			    });
			} else {
			    isH5Upload = true;
			    $comp.on("change", "input[type='file']", function (e) {
				    if(limitCheck()) return;

					if (this.files && this.files[0]) {
						var reader = new FileReader();

						reader.onload = function (e) {
						    var base64 = e.target.result;
                            if (mUtil.isIOS()) {// ios图片方向问题修复
                                require(["imgdrawing"], function(){
                                    ImageOrientationFix({  
                                        image: base64,
                                        imgType: "base64",
                                        onFix:function(base64_str){
                                            that.photoProcess(base64_str);
                                        }
                                    });
                                });
                            }else{
                                that.photoProcess(base64);
                            }
						};
						reader.readAsDataURL(this.files[0]);
					}
				});
			}
			(vm.draw || isH5Upload) && require(["imgdrawing"]);//TODO 预加载
			if (!vm.readonly) {
				//删除图片
				$comp.on("click", ".wev-img-border>i", function (e) {
					var $parent = $(this).parent(),
						index = $parent.index();
					
					if($(".wev-progress-line", $parent).length){	//上传中....
						_photo.uploadingCountMinusOne();
					}
					
					$parent.remove();
					if (imageValueDatas[index]) imageValueDatas.splice(index, 1);
					_photo.setTip();
					e.stopPropagation();
				});
			}
			//设置默认值
			vm.field.value && this.setValue(vm.field.value, true);

			//设置命名规则
			if(vm.identification){
				var actionUrl = mUtil.getActionUrl(this.type, { action: "getNamerule", appid:mUtil.getAppid(), identification:vm.identification }, this.pageid);
				mUtil.getJSON(actionUrl, function (result) {
					if(result.data)vm.namerule = result.data;
					vm.namerule = mUtil.replaceVariables(vm.namerule);
				});
			}else{
				vm.namerule = mUtil.replaceVariables(vm.namerule);
			}
		};


		this.photoProcess = function (imgData) {
			var createInner = function (imgData) {
				var quality = vm.compress.quality || 0.5,
					zoom = vm.compress.zoom || 0.5;

				if (quality == 1 && zoom == 1) {
					if(vm.watermark.add){
      					return _photo.addWaterMark(imgData, vm.watermark);
		      		}else{
						return _photo.buildData(imgData);
		      		}
				}

				var _parse = function (n) {
					if (!n || isNaN(n)) return 1;
					n = parseFloat(n);
					if (n < 0 || n > 1) return 1;
					return n;
				};

				quality = _parse(quality);
				zoom = _parse(zoom);
				_photo.scaleImgData(imgData, quality, zoom, true, function (newResult) {
					if(vm.watermark.add){
      					_photo.addWaterMark(newResult, vm.watermark);
		      		}else{
						_photo.buildData(newResult);
		      		}
				});
			};

			if (!vm.draw) return createInner(imgData);

			var tImg = new Image();

			tImg.onload = function () {
				//naturalWidth真实图片的宽度
				var pageEvent = require("pageEvent");

				require(["imgdrawing"], function (ImgDrawing) {
					pageEvent.register("change", ImgDrawing.hide);
					ImgDrawing.draw({
						data: imgData,
						tip: i18n.IMG_DRAWING_TIP,
						width: tImg.naturalWidth, //naturalWidth真实图片的宽度
						height: tImg.naturalHeight,
						callback: {
							done: function (base64Data) {
								//draw done
								createInner(base64Data);
								pageEvent.destory("change", ImgDrawing.hide);
							},
							close: function () {
								pageEvent.destory("change", ImgDrawing.hide);
							}
						}
					});
				});
			};
			tImg.src = imgData;
		};

		this.getData = function () {
			var data = {}, fieldname = vm.field.name;

			data["fieldname_" + fieldname] = _photo.getValue();
			data["type_" + fieldname] = "photo";
			data["namerule_" + fieldname] = vm.namerule;
			return data;
		};
		
		this.getShowData = function(){
			var showData = mUtil.parseJSON(vm.field.name+"_showvalue", (function(){
				var showHtml = '';
				var uuid = mUtil.UUID();
				imageValueDatas.forEach(function(imageData){
					var src = "";
					if(!isNaN(imageData)){
						src = mUtil.getAttachUrl(docImgIdsMap[imageData]);
					}else{
						src = imageData;
					}
					showHtml += '<img class="wev-img" src="'+src+'" data-groupid="'+uuid+'"/>';
				});
				return '<div class="wev-img-wrapper">'+showHtml+'</div>';
			})());
			showData[vm.field.name] = _photo.getValue();
			return showData;
		};

		this.reset = function () {
			_photo.setValue(vm.field.value, vm.field.defHtml);
			$wevField.removeClass("wev-required-remind");
		};

		this.checkRequired = function () {
			var required = vm.required && !imageValueDatas.length;
			var fieldLabel = vm.field.label || mUtil.getLabel(128156, "拍照");

			$wevField.toggleClass("wev-required-remind", required);
			
			return required && fieldLabel;
		};
		
		this.setRequired = function (required) {
			vm.required = required;
			$wevField.toggleClass("wev-field-required", required);
			!required && $wevField.removeClass("wev-required-remind");
		};
		
		this.checkModeDocCategory = function(issetModeDocCategory){
			if(!issetModeDocCategory){
				var $dom = this.$el;
				mUtil.getLabel(388817, "附件上传目录未设置!",function(msg){
					$upload.addClass("wev-upload-hide");
					$dom.find(".wev-upload-tip").removeClass("wev-upload-hide").html(msg);
	            });
			}
		};
		
		this.setValueByDB = function(value){
			value = String(value);
			//兼容 1,2,3格式的数据
			if(!~value.indexOf("base64")){
				value = value.replaceAll(",", ";;");
			}
			vm.field.value = value;
			this.dbValueHasSet = true;
			this.setValue(value, true);
			
		};
		
		this.setValue = function (value, initialize, callback) {
			mUtil.isFunction(initialize) && (callback = initialize);
			
			if (!value) return _photo.setValue("", "", callback);
			
			value = String(value);
			//兼容 1,2,3格式的数据
			if(!~value.indexOf("base64")){
				value = value.replaceAll(",", ";;");
			}
			
			var docids = _photo.parseDocidsFromValue(value);
			if(docids.length){
				_photo.convertDocidToImageId(docids.join(","), function(imgIds){
					docImgIdsMap = _photo.getDocImgIdsMap(docids, imgIds);
					var imgsrcs = _photo.convertValueToImgsrc(value);
					var valueHtml = _photo.getValueHtml(imgsrcs);
					if(initialize){
						vm.field.defHtml = valueHtml;
					}
					_photo.setValue(value, valueHtml, callback);
				});
			}else{
				var valueHtml = _photo.getValueHtml(value.split(";;"));
				if(initialize){
					vm.field.defHtml = valueHtml;
				}
				_photo.setValue(value, valueHtml, callback);
			}
		};
		
		this.getValue = function(){
			return _photo.getValue();
		};
		
		this.isReadyForSubmit = function(){
			var isReady = uploadingCount <= 0;
			if(!isReady){
				mUtil.getLabel(6194, "正在上传中，请稍后再操作",function(msg){
					if(vm.field.label){
						msg += " (" + vm.field.label + ")";
					}
					Mobile_NS.msg(msg);
				});
			}
			return isReady;
		};
		
		_photo.getDocImgIdsMap = function(docids, imgids){
			var _docImgIdsMap = {};
			if(mUtil.isArray(docids) && mUtil.isArray(imgids)){
				for(var i = 0; i < docids.length; i++){
					_docImgIdsMap[docids[i]] = imgids[i];
				}
			}
			return _docImgIdsMap;
		};
		
		_photo.parseDocidsFromValue = function(value){
			var docids = [];
			value = String(value);
			value && value.split(";;").forEach(function(v, i) {
				if(!isNaN(v)){
					docids.push(v);
				}
			});
			return docids;
		};
		
		_photo.convertValueToImgsrc = function(valueContainsDocidAndBase64){
			var srcs = [];
			if(mUtil.isString(valueContainsDocidAndBase64) && mUtil.isObject(docImgIdsMap)){
				valueContainsDocidAndBase64.split(";;").forEach(function(v, i) {
					srcs.push((!isNaN(v) && docImgIdsMap[v]) ? docImgIdsMap[v] : v);
				});
			}
			return srcs;
		};
		
		_photo.convertDocidToImageId = function(docids, callback){
			var actionUrl = mUtil.getActionUrl(this.type, { action: "parsePhotos", values: docids }, this.pageid);

			mUtil.getJSON(actionUrl, function (result) {
				callback && callback(result.data);
			});
		};

		_photo.setValue = function (value, valueHtml, callback) {
			imageValueDatas = value && value.split(";;") || [];
			if (vm.readonly) {
				$(".wev-img", this.$el).remove();
				$wevImgWrapper.append(valueHtml);
			} else {
				$(".wev-img-border", this.$el).remove();
				$upload.before(valueHtml);
			}
			_photo.setTip();
			this.dbValueHasSet &&	mUtil.trigger('dataload', this.pageid, this.id);
			require(["lazyImgHelper"]);
			callback && callback.call(this);
		};

		_photo.setTip = function () {
			if (vm.limit > 0) {
				var tip = !imageValueDatas.length ? i18n.SELECT_IMAGE : imageValueDatas.length + "/" + vm.limit;

				$tip.html(tip);
			}
		};

		_photo.getValue = function () {
			return imageValueDatas.join(";;");
		};

		_photo.buildData = function (imgData) {
			var $existingImg = $("img[data-groupid]", $comp);
			var groupid = ($existingImg.length > 0) ? $existingImg.attr("data-groupid") : mUtil.UUID();
			
			var fileItemId = mUtil.UUID();
			var $fileItem = $("<div class=\"wev-img-border\" id=\""+fileItemId+"\"><div class=\"wev-progress-line\"><div></div></div><img class=\"wev-img\" src=\"" + imgData + "\" data-groupid=\""+groupid+"\"></img><i></i></div>");
			
			$upload.before($fileItem);
			if (vm.client == 'browser') {
				$("input[type='file']", $upload).remove();
				$upload.prepend("<input type=\"file\" name=\"file\" accept=\"image/*\" single=\"single\"/>");
			}
			imageValueDatas.push(imgData);
			_photo.setTip();

			function dataURLtoBlob(dataurl) {
			    var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
			        bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
			    while (n--) {
			        u8arr[n] = bstr.charCodeAt(n);
			    }
			    return new Blob([u8arr], { type: mime });
			}

			var imgType = imgData.split(";")[0].substring(11);
			if(imgType.toLowerCase() == "jpeg"){
				imgType = "jpg";
			}
			!vm.namerule.endsWith(".jpg") && (vm.namerule = vm.namerule + "." + imgType);
			
			var formData = new FormData();
			var fileName;
			if(vm.namerule.indexOf("{t1.") != -1 || vm.namerule.indexOf("{d1.") != -1){
				fileName = "|:";
			}else{
				fileName = vm.namerule.replace("{timestamp}", new Date().getTime());
			}
			
			formData.append("file", dataURLtoBlob(imgData), fileName);
			var $formObj = $("#" + vm.form);
			var workflowid = $formObj.find("input[name='workflowid']").val();
			var modelid = $formObj.find("input[name='modelid']").val();
			formData.append("workflowid", workflowid);
			formData.append("modelid", modelid);
			formData.append("returnImgId", "1"); //需要返回imgid
			
			var $progressLine = $(".wev-progress-line", $fileItem);
			var xhr_provider = function() {  
			    var xhr = $.ajaxSettings.xhr();  
			    if(xhr.upload) {  
			        xhr.upload.addEventListener('progress', function(evt){
						if(evt.lengthComputable){
							var percentComplete = Math.round(evt.loaded * 100 / evt.total);
							$progressLine.children("div").css("width", percentComplete.toString() + '%');
						}
					}, false);  
			    }
			    return xhr;  
			};
			
			_photo.uploadingCountPlusOne();
			var uploadFileUrl = mUtil.getActionUrl("service.FormComponent", {action: "uploadFile"});
			mUtil.ajax(uploadFileUrl, formData, function (responseText, textStatus) {
				$progressLine.remove();
				if($("#"+fileItemId).length){	//未被手动删除
					var result = JSON.parse(responseText);
					var status = result.status;
	                if(status == "1") {
	                	var docid = result.data.docid;
	                	var imgid = result.data.imgid;
	                	_photo.replaceValueData(imgData, docid);
	                	docImgIdsMap[docid] = imgid;
	                }
	                _photo.uploadingCountMinusOne();
				}
			}, {
				type: "POST",
				processData: false,
				contentType: false,
				xhr: xhr_provider,  
				error: function (responseText) {
					$progressLine.remove();
					if($("#"+fileItemId).length){	//未被手动删除
						_photo.uploadingCountMinusOne();
					}
				}
			});
			
		};

		_photo.scaleImgData = function (imgData, quality, zoom, alsoUseJpeg, callbackFn) {
			var mime_type = "image/jpeg";

			if (imgData && !alsoUseJpeg) {
				var st = imgData.indexOf("data:");
				var en = imgData.indexOf(";");
				if (st === 0 && en > st) {
					try {
						mime_type = imgData.substring("data:".length, en);
					} catch (e) {
						mime_type = "image/jpeg";
					}
				}
			}

			var tImg = new Image();
			tImg.onload = function () {
				var cvs = document.createElement('canvas');
				//naturalWidth真实图片的宽度
				var w = tImg.naturalWidth;
				var h = tImg.naturalHeight;

				var imageWidth = parseInt(w * zoom);
				var imageHeight = parseInt(h * zoom);

				cvs.width = imageWidth;
				cvs.height = imageHeight;

				var con = cvs.getContext('2d');
				con.clearRect(0, 0, cvs.width, cvs.height);
				con.drawImage(tImg, 0, 0, imageWidth, imageHeight);

				//var ctx = com.drawImage(tImg, 0, 0);
				var newImageData = cvs.toDataURL(mime_type, quality);
				callbackFn.call(this, newImageData);
			};
			tImg.src = imgData;
		};

		_photo.addWaterMark = function (imgData, watermark) {
			var mime_type = "image/jpeg";
			var tImg = new Image();
			tImg.onload = function () {
				var cvs = document.createElement('canvas');
				//naturalWidth真实图片的宽度
				var w = tImg.naturalWidth;
				var h = tImg.naturalHeight;

				cvs.width = w;
				cvs.height = h;
				var con = cvs.getContext('2d');
				con.clearRect(0,0,w,h);
		        con.drawImage(tImg,0,0,w,h);
				
		        // 绘制水印
				var position = watermark.position || 1;
				var content = watermark.content;
				var fontsize= Number(watermark.fontsize) || 18;
				var watermarkfont = watermark.font || "Verdana";
				var contentArr = content.split("\n");
				
		        var xline,	//水印x坐标基准线 
		        	ylinebase,	//水印第一行y坐标
		        	textAlign, 
		        	linespace = 5;
		        if(position == 1){//水印位置右下角
		        	xline = w-10;
		        	ylinebase = h-(fontsize+linespace)*contentArr.length;
		        	textAlign = "right";
		        }else if(position == 2){
		        	xline = 10;
		        	ylinebase = h-(fontsize+linespace)*contentArr.length;
		        	textAlign = "left";
		        }else if(position == 3){
		        	xline = w-10;
		        	ylinebase = 20;
		        	textAlign = "right";
		        }else if(position == 4){
		        	xline = 10;
		        	ylinebase = 20;
		        	textAlign = "left";
		        }else if(position == 5){
		        	xline = w/2;
		        	ylinebase = 20;
		        	textAlign = "center";
		        }else if(position == 6){
		        	xline = w/2;
		        	ylinebase = h-(fontsize+linespace)*contentArr.length;
		        	textAlign = "center";
		        }
		        ylinebase = ylinebase + fontsize - 10;//底部边距10px
		        
				con.textAlign = textAlign;
		       	con.font= watermark.fontweight + " " + fontsize+ "px " + watermarkfont;
		        con.fillStyle = watermark.color || "#F8F8F8";

				var params = ["CURRPOSITION", "CURRLNG", "CURRLAT"].join("|");
				var regExp = new RegExp("(" + params + ")", "gi");
				var matchs = content.match(regExp);
		        
				if(matchs && matchs.length){
					Mobile_NS.getCurrPosition(function (result) {//添加当前位置
						var addr = "";
						var lng = "";
						var lat = "";
						if (result.status == "1") {
							addr = result.addr;
							lng = result.lng;
							lat = result.lat;
						}
						
			            content = content.replace(/{CURRPOSITION}/gi, addr).replace(/{CURRLNG}/gi, lng).replace(/{CURRLAT}/gi, lat);
			            contentArr = content.split("\n");
			            for(var i=0;i<contentArr.length;i++){
					    	con.fillText(contentArr[i], xline, ylinebase+(fontsize+linespace)*i);
			            }
			            
						var newImageData = cvs.toDataURL(mime_type);
						_photo.buildData(newImageData);
						if(!addr){
							mUtil.getLabel(4085, "定位失败",function(msg){
								Mobile_NS.alert(msg);
				            });
						}
					});
				}else{
			        for(var i=0;i<contentArr.length;i++){//内容换行显示
				    	con.fillText(contentArr[i], xline, ylinebase+(fontsize+linespace)*i);
			        }
					var newImageData = cvs.toDataURL(mime_type);
					_photo.buildData(newImageData);
				}
			};
			tImg.src = imgData;
		};
		
		_photo.getValueHtml = function (imgsrcs) {
			var defaultHtml = "", uuid = mUtil.UUID();
			var formIns = mUtil.getInstance(vm.form), empowStr = formIns ? formIns.viewModel.empowStr : "";
			var getPhotoHtml = function(v){
				var src = "";
				if(!isNaN(v)){
					src = mUtil.getAttachUrl(v, empowStr);
					if (vm.readonly) {
						defaultHtml += '<img class="wev-img lazyload" data-groupid="' + uuid + '" data-src="' + src + '"></img>';
					} else {
						defaultHtml += '<div class="wev-img-border"><img class="wev-img lazyload" data-groupid="' + uuid + '" data-src="' + src + '"></img><i></i></div>';
					}
				}else{
					src = v;
					if (vm.readonly) {
						defaultHtml += '<img class="wev-img" src="' + src + '" data-groupid="' + uuid + '"></img>';
					} else {
						defaultHtml += '<div class="wev-img-border"><img class="wev-img" src="' + src + '" data-groupid="' + uuid + '"></img><i></i></div>';
					}
				}
			};
			if (mUtil.isArray(imgsrcs) && imgsrcs.length) {
				imgsrcs.forEach(function (v, index) {
					getPhotoHtml(v);
				});
			}
			return defaultHtml;
		};
		
		_photo.replaceValueData = function(v1, v2){
			var index = -1;
			for(var i = 0; i < imageValueDatas.length; i++){
				if(imageValueDatas[i] == v1){
					index = i;
					break;
				}
			}
			if(index != -1){
				imageValueDatas.splice(index, 1, v2);
			}
		};

		var uploadingCount = 0;
		_photo.uploadingCountPlusOne = function(){
			uploadingCount++;
			$(".wev-comp-FButton[target-form='" + vm.form + "'] .wev-btn-wrapper", this.$container).addClass("disabled");
		};
		
		_photo.uploadingCountMinusOne = function(){
			uploadingCount--;
			if(uploadingCount <= 0){
				$(".wev-comp-FButton[target-form='" + vm.form + "'] .wev-btn-wrapper", this.$container).removeClass("disabled");
			}
		};
		
		for (var key in _photo) {
			if (mUtil.isFunction(_photo[key])) {
				_photo[key] = _photo[key].bind(this);
			}
		}
	};

	window._p_addPhoto_uploaded = function (imgtype, data, params) {
		var _uploaded = function (t, d) {
			var instance = mUtil.getInstance(t);

			if (d && instance) {
				instance.photoProcess("data:image/jpeg;base64," + d);
			}
		};

		try {
			if (typeof (params) == "undefined") {//此处处理云桥回调，方法名重名，参数1-imgtype对应图片base64，参数2-data对应params
				_uploaded(data, imgtype);
			} else {//emobile回调
				_uploaded(params, data);
			}
		} catch (e) {
			mUtil.getLabel(5307, "拍照插件异常",function(msg){
				Mobile_NS.alert(msg + " >> " + e.message);
            });
		}
	};

	return Component.init(FPhoto);
});