ShuangHui_UI/双汇APP/js/feedback-pag...

var fileArr = [],
	fileSrcLength, imgUpLength = 0;
mui.init({
	swipeBack: true //启用右滑关闭功能
});
document.getElementById('headImage').addEventListener('tap', function() {
	if (mui.os.plus) {
		var buttonTit = [{
			title: "拍照"
		}, {
			title: "从手机相册选择"
		}];
		plus.nativeUI.actionSheet({
			title: "上传图片",
			cancel: "取消",
			buttons: buttonTit
		}, function(b) { /*actionSheet 按钮点击事件*/
			switch (b.index) {
				case 0:
					break;
				case 1:
					getImage(); /*拍照*/
					break;
				case 2:
					galleryImg(); /*打开相册*/
					break;
				default:
					break;
			}
		})
	}
}, false);
// 拍照获取图片  
function getImage() {
	var c = plus.camera.getCamera();
	c.captureImage(function(e) {
		plus.io.resolveLocalFileSystemURL(e, function(entry) {
			plus.nativeUI.showWaiting
			var imgSrc = entry.toLocalURL() + "?version=" + new Date().getTime(); //拿到图片路径  
			imgUpLength++;
			appendFile(imgSrc);
		}, function(e) {
			console.log("读取拍照文件错误：" + e.message);
		});
	}, function(s) {
		console.log("error" + s.message);
	}, {
		filename: "_doc/camera/"
	})
}
// 从相册中选择图片   
function galleryImg() {
	// 从相册中选择图片  
	plus.gallery.pick(function(e) {
		for (var i in e.files) {
			var fileSrc = e.files[i];
			fileSrcLength = e.files.length;
			imgUpLength++;
			appendFile(fileSrc);

		}
		plus.nativeUI.showWaiting
	}, function(e) {
		console.log("取消选择图片");
	}, {
		filter: "image",
		multiple: true,
		//maximum: 5,
		system: false,
		onmaxed: function() {
			plus.nativeUI.alert('最多只能选择5张图片');
		}
	});
}

function setHtml(path, fl) {
	var str = '';
	str = '<li class="mui-table-view-cell" imgId=""><div class="img_div">' +
		'<img src="' + path + '" base64="' + f1 + '">' +
		'<div class="mui-icon mui-icon-trash deleteBtn"></div>' +
		'</div></li>';
	$("#imgs").append(str);
}
$("#imgs").on("tap", ".deleteBtn", function() {
	var btnArray = ['取消', '确定'];
	var index = $(this).parent().parent();
	mui.confirm('确认删除', '提示', btnArray, function(e) {
		if (e.index == 1) {
			index.remove();
		} else {
			plus.nativeUI.toast('取消');
		}
	})
})

function upFile() {
	mui.ajax(huayi.config.callcenter_url + '/ApplicationsVersion/UploadBase64', {
		data: {
			"dataurl": fileArr
		},
		dataType: 'json', //服务器返回json格式数据
		type: 'post', //HTTP请求类型
		timeout: 10000, //超时时间设置为10秒
		success: function(data) {
			if (data.state == "success") {
				for (var i in data.acs) {
					$("#imgs li").eq(i).attr("imgId", data.acs[i].F_Id)
				}
				mui.alert("图片上传成功");
				plus.nativeUI.closeWaiting();
			} else {
				mui.alert("上传失败");
			}
		},
		error: function(xhr, type, errorThrown) {
			mui.alert("上传错误");
		}
	});
}
// 添加文件  
var f1 = null;



// function appendFile(imgUrl, callback) {
// 	var canvas = document.createElement("canvas");
// 	var context = canvas.getContext('2d');
// 	// load image from data url
// 	var imageObj = new Image();
// 	imageObj.onload = function() {
// 		var dataUrl;
// 		context.drawImage(imageObj, 0, 0, canvas.width, canvas.height);
// 		alert("1")
// 		dataUrl = canvas.toDataURL("image/png");
// 		alert("2")
// 		callback.call(this, dataUrl);
// 		canvas = null;
// 		alert("3")
// 	};
// 	imageObj.src = imgUrl;
// }

function appendFile(path) {	
	var img = new Image();
	var	base64="";
	var canvas = document.createElement('canvas');
	var ctx = canvas.getContext('2d');
	img.onload = function() {	
		ctx.drawImage(this, 0, 0);
		console.log(ctx.drawImage(this, 0, 0))
		base64=canvas.toDataURL('image/png');
	}
	img.src = path;   
}

// f1 = base64; // 把base64数据丢过去，上传要用。
	// setHtml(path, f1);
	// fileArr.push(f1);
	// if (imgUpLength == fileArr.length) {
	// 	//upFile()			
	// }
	
	//setTimeout(function(){},1000);




// function appendFile(path) {
// 	var img = new Image(),
// 	canvas = document.createElement("canvas"),
// 	ctx = canvas.getContext("2d"),
// 	src = "http://example.com/image"; // insert image url here
	
// 	//img.crossOrigin = "Anonymous";
// 	alert("0")
// 	img.onload = function() {
// 	    canvas.width = img.width;
// 	    canvas.height = img.height;
// 		alert("1")
// 	    ctx.drawImage( img, 0, 0 );
// 		alert("2")
// 	    localStorage.setItem( "savedImageData", canvas.toDataURL("image/png") );
// 	}
// 	img.src = src;
// 	// make sure the load event fires for cached images too
// 	if ( img.complete || img.complete === undefined ) {
// 	    img.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
// 	    img.src = src;
// 	}
// }