From bffb180ee82774f8503567b5a01ce7e9f35ca506 Mon Sep 17 00:00:00 2001 From: hdw <hdw@192.168.7.127> Date: 星期二, 15 一月 2019 16:33:45 +0800 Subject: [PATCH] 手机端上传图片添加水印 --- gx_tieta/WebRoot/mobil/iframe/homeinfo1.html | 51 +++++++++++++++++++++++++++++++++++---------------- 1 files changed, 35 insertions(+), 16 deletions(-) diff --git a/gx_tieta/WebRoot/mobil/iframe/homeinfo1.html b/gx_tieta/WebRoot/mobil/iframe/homeinfo1.html index 40e5ef0..7e00195 100644 --- a/gx_tieta/WebRoot/mobil/iframe/homeinfo1.html +++ b/gx_tieta/WebRoot/mobil/iframe/homeinfo1.html @@ -42,7 +42,7 @@ </div> </div> </div> - <div class="page-content abs abs-top40 abs-bottom45"> + <div class="page-content abs abs-top40 abs-bottom60"> <div class="rel-full"> <div class="abs footer-menu-content-show" id="homeInfo"> <div class="rel-full"> @@ -109,7 +109,7 @@ </div> </div> <div class="layui-col-12 t-align-right mrt5"> - <button class="layui-btn layui-btn-normal layui-btn-sm" id="uploadVideo">瑙嗛涓婁紶</button> + <span style="color: #FF0000;" class="mrr4">璇蜂笂浼犲井淇℃媿鎽勭殑瑙嗛</span><button class="layui-btn layui-btn-normal layui-btn-sm" id="uploadVideo">瑙嗛涓婁紶</button> </div> </div> </div> @@ -147,21 +147,21 @@ </div> </div> </div> - <div id="pageFooter" class="page-footer" style="position:absolute; bottom: 0;width: 100%; height: 44px; background-color: #FFFFFF; border-top: 1px solid #eeeeee"> + <div id="pageFooter" class="page-footer" style="position:absolute; bottom: 0;width: 100%; height: 59px; background-color: #FFFFFF; border-top: 1px solid #eeeeee"> <div class="layui-row"> <div class="layui-col-xs4 layui-col-md4"> <div class="hdw-btn"> - <a href="javascript:;" class="this-active h44" data-href="#homeInfo"><i class="fa fa-home mrt4"></i><br><span>鏈烘埧淇℃伅</span></a> + <a href="javascript:;" class="this-active h59" data-href="#homeInfo"><i class="fa fa-home mrt8 mrb4"></i><br><span>鏈烘埧淇℃伅</span></a> </div> </div> <div class="layui-col-xs4 layui-col-md4"> <div class="hdw-btn"> - <a href="javascript:;" class="h44" data-href="#videoUpload"><i class="fa fa-video-camera mrt4"></i><br><span>瑙嗛涓婁紶</span></a> + <a href="javascript:;" class="h59" data-href="#videoUpload"><i class="fa fa-video-camera mrt8 mrb4"></i><br><span>瑙嗛涓婁紶</span></a> </div> </div> <div class="layui-col-xs4 layui-col-md4"> <div class="hdw-btn"> - <a href="javascript:;" class="h44" data-href="#imgUpload"><i class="fa fa-image mrt4"></i><br><span>鍥剧墖涓婁紶</span></a> + <a href="javascript:;" class="h59" data-href="#imgUpload"><i class="fa fa-image mrt8 mrb4"></i><br><span>鍥剧墖涓婁紶</span></a> </div> </div> </div> @@ -323,11 +323,23 @@ var mk = new BMap.Marker(point); var label = new BMap.Label("鏂版満鎴�",{offset:new BMap.Size(20,-10)}); label.setStyle({display: 'none', padding: '4px 2px'}); - mk.disableDragging(); // 璁剧疆涓嶅彲鎷栧姩 + mk.enableDragging(); // 璁剧疆鍙嫋鍔� map.addOverlay(mk); // 灏嗚鐩栫墿娣诲姞鍒板湴鍥句腑 mk.setLabel(label); // 缁欒鐩栫墿娣诲姞label鎻愮ず map.panTo(point); // 灏嗗湴鍥剧Щ鍔ㄥ埌娣诲姞鐨勭偣浣嶇疆 - map.setZoom(20); // 璁剧疆鍦板浘鐨勭缉鏀剧瓑绾� + map.setZoom(20); // 璁剧疆鍦板浘鐨勭缉鏀剧瓑绾� + + // 缁檓k鐐规坊鍔犵Щ鍔ㄤ簨浠� + mk.addEventListener('dragend', function(e) { + console.log(e.point); + var lat = e.point.lat; + var lng = e.point.lng; + + // 鏍规嵁鎷栧姩鐨勪綅缃洿鏂扮粡绾害 + $('#lng').val(lng); + $('#lat').val(lat); + + }); }, 500); }); @@ -413,15 +425,10 @@ var uploadImgsLoad; var uploadImgs = upload.render({ elem: '#imgsSelect' - ,url: 'MyFileAction!uploadStationFile' + ,url: 'MyFileAction!uploadStationFile_mobile' ,accept: 'image' ,multiple: true - ,data: { - json:JSON.stringify( { - StationId: homeInfo.homeId, - VideoOrImage: 'image' - }) - } + ,data:{} ,auto: false ,bindAction: '#uploadImgs' ,choose: function(obj){ @@ -454,8 +461,20 @@ imgsInfo.append(tr); }); } - ,before:function() { + ,before:function(obj) { uploadImgsLoad = layer.load(1); + // 璁剧疆鎻愪氦鐨勫弬鏁� + this.data.json = JSON.stringify({ + StationId: homeInfo.homeId + ,VideoOrImage: 'image' + ,binfmation: { + StationId: homeInfo.homeId + ,StationName: $('#homeName').val() + ,latitude: $('#lat').val() // 绾害 + ,longitude: $('#lng').val() // 缁忓害 + ,Address: $('#addr').val() // 鍦板潃 + } + }) } ,done:function(res) { var rs = JSON.parse(res.result); -- Gitblit v1.9.1