lihai
/
PingAnYeXianSZCG_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
							<!doctype html>
<html lang="en" class="feedback">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>信息上传</title>
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/feedback-page.css" />
		<link rel="stylesheet" type="text/css" href="../css/Common.css" />
		<style>

		</style>
	</head>

	<body>
		<div class="mui-content">
			<div class="row mui-input-row">
				<textarea id='question' class="mui-input-clear question" placeholder="请详细描述你的问题和意见..."></textarea>
			</div>
			<div id='image-list' class="row image-list"></div>
			<form class="mui-input-group" method="post" enctype="multipart/form-data" id="uploadForm">

				<div class="mui-input-row">
					<label>联系人：</label>
					<input type="text" class="mui-input-clear" id="Username" placeholder="">
				</div>
				<div class="mui-input-row">
					<label>联系电话：</label>
					<input type="text" class="mui-input-clear" id="Phone" placeholder="">
				</div>

			</form>
			<img id="my_img_id" class="my_img_class" src="../images/iconfont-tianjia.png" />
			<div class="mui-button-row" id="Btns-box">
				<button type="button" id="submit" class="mui-btn mui-btn-primary" onclick="return false;">提交</button>&nbsp;&nbsp;
			</div>
		</div>
		<script src="../js/zepto.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<script src="../Script/Common/huayi.http.js"></script>
		<script src="../js/mui.min.js"></script>

		<script src="../js/feedback-page.js" type="text/javascript" charset="utf-8"></script>

		<script type="text/javascript">
			mui.init();
			var openid = helper.cookies.get("openid");
			//			$("#submit").on('tap', function() {
			//				if(!$("#question").val()) {
			//					mui.toast("工单内容不能为空");
			//				} else {
			//					$.ajax({
			//						type: "post",
			//						url: huayi.config.callcenter_url + 'WxLogin/AddWorkOrder',
			//						async: true,
			//						dataType: 'json',
			//						data: {
			//							cusname: $("#Username").val(), //联系人
			//							cusphone: $("#Phone").val(), //联系电话
			//							content: $("#question").val(), //信息内容
			//							openid: openid //微信openid				
			//						},
			//						success: function(data) {
			//							if(data.state == "success") {
			//								mui.toast(data.message);
			//								location.href = "WorkList.html";
			//							} else {
			//								mui.alert(data.message);
			//							}
			//						}
			//					});
			//				}
			//
			//			})
			console.log(openid);
			//			$("#submit").on("tap",function(){
			//				var formData = new FormData($("#uploadForm")[0]);
			//          console.log(formData)
			//			})
		var img_my = document.getElementById('my_img_id');
			img_my.addEventListener('tap', function() {
				//打开相册
				plus.gallery.pick(
					function(path) {
						img_my.src = path; //设置img的路径

						//把图片base64编码  注意：这里必须在onload事件里执行！这给我坑的不轻
						img_my.onload = function() {
							var data = getBase64Image(img_my); //base64编码
							var newImgbase = data.split(",")[1]; //通过逗号分割到新的编码
							imgArray.push(newImgbase); //放到imgArray数组里面
							img_my.off('load'); //关闭加载
						}
					},
					function(e) {
						mui.toast('取消选择');
					});
			});

			//base64编码    
			function getBase64Image(img) {
				var canvas = document.createElement("canvas"); //创建canvas DOM元素，并设置其宽高和图片一样
				canvas.width = img.width;
				canvas.height = img.height;
				var ctx = canvas.getContext("2d");
				ctx.drawImage(img, 0, 0, img.width, img.height); //使用画布画图
				var ext = img.src.substring(img.src.lastIndexOf(".") + 1).toLowerCase(); //动态截取图片的格式
				var dataURL = canvas.toDataURL("image/" + ext); //返回的是一串Base64编码的URL并指定格式
				return dataURL;
			}
			function uploadimg() {

				//这里就可以把添加过图片的imgArray通过JSON解析成字符串，然后上传给服务器
				var imgJson = JSON.stringify(imgArray);

				mui.ajax("http://www.baidu.com/upload.html", {
					data: {
						pic: imgJson,
					},
					type: 'post',
					timeout: 10000,
					dataType: 'json',
					success: function(data) {
						if(data.error == 0) {
							mui.toast('上传成功');
						} else {
							mui.toast('上传失败:' + data.data);
						}
					},
					error: function(xhr, type, errorThrown) {
						mui.toast('错误');
					}
				});
			}
		</script>
	</body>

</html>