From 7adb33f89dc52b04dc5b6216bf67f55a95d7860e Mon Sep 17 00:00:00 2001 From: dy <1197793912@qq.com> Date: Thu, 8 Apr 2021 17:41:32 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B4=BB=E5=8A=A8=E7=AE=A1=E7=90=86-=E5=9B=BE?= =?UTF-8?q?=E7=89=87=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../templates/activity/info/add.html | 186 +++--------------- 1 file changed, 26 insertions(+), 160 deletions(-) diff --git a/sino-activity/src/main/resources/templates/activity/info/add.html b/sino-activity/src/main/resources/templates/activity/info/add.html index 4cbbb8584..f9e625d87 100644 --- a/sino-activity/src/main/resources/templates/activity/info/add.html +++ b/sino-activity/src/main/resources/templates/activity/info/add.html @@ -362,7 +362,7 @@
选择图片更改 - + 清除
@@ -426,7 +426,7 @@

效果图

- + 活动标题 活动描述 @@ -614,14 +614,14 @@
选择图片更改 - + 清除 - +
- +
@@ -704,7 +704,7 @@

效果图

- + 标题 描述 请填写您的基本信息 @@ -798,13 +798,12 @@
选择图片更改 - + 清除 -
- +
@@ -815,7 +814,7 @@
- +
中国人寿举办活动 @@ -845,7 +844,6 @@
-
@@ -853,15 +851,14 @@ 选择图片更改 + name="actPageConfigSubscribe-bgImg" onchange="syncPic(this)"> 清除 -
-
+
@@ -873,23 +870,22 @@ 选择图片更改 + name="actPageConfigSubscribe-bgImg2" onchange="syncPic(this)"> 清除 -
- +

效果图

- +
- +
关注二维码 @@ -1189,150 +1185,20 @@ $("#" + id + "Pri").text(value); } - //分享图片 - $("#qrCodeImg").change(function () { - qrCodeImg(this); - if ($(this).val() != '') { - $("#qrCodeImgPri").attr("src", $(this).val()); - - } - }); - - function qrCodeImg(input) { - if (input.files && input.files[0]) { - var reader = new FileReader(); - - reader.onload = function (e) { - //$('#prevImg').attr('src', e.target.result); - $("#qrCodeImgPri").attr("src", e.target.result); - $("#qrCodeImgPrival").val(e.target.result); - //$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat"); - } - - reader.readAsDataURL(input.files[0]); - } + //图片同步 + function syncPic(val){ + previewURL(val); } - //分享图片 - $("#backdropImg").change(function () { - backdropImg(this); - if ($(this).val() != '') { - $("#backdropImgPri").attr("src", $(this).val()); - - } - }); - - function backdropImg(input) { - if (input.files && input.files[0]) { - var reader = new FileReader(); - - reader.onload = function (e) { - //$('#prevImg').attr('src', e.target.result); - $("#backdropImgPri").attr("src", e.target.result); - $("#backdropImgval").val(e.target.result); - //$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat"); - } - - reader.readAsDataURL(input.files[0]); - } - } - - //分享图片 - $("#shareImg").change(function () { - shareImg(this); - if ($(this).val() != '') { - $("#shareImgPic").attr("src", $(this).val()); - - } - }); - - function shareImg(input) { - if (input.files && input.files[0]) { - var reader = new FileReader(); - - reader.onload = function (e) { - //$('#prevImg').attr('src', e.target.result); - $("#shareImgPic").attr("src", e.target.result); - $("#shareImgval").val(e.target.result); - //$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat"); - } - - reader.readAsDataURL(input.files[0]); - } - } - - $("#picture").change(function () { - btnURL(this); - if ($(this).val() != '') { - // var formData = new FormData(); - // formData.append('file', $(this)[0].files[0]); - // $.ajax({ - // url: '/path/to/upload', - // type: 'POST', - // data: formData, - // async: false, - // success: function (r) { - // if(r.success) { - // //success work - // } - // }, - // cache: false, - // contentType: false, - // processData: false - // }); - $("#imgPri").attr("src", $(this).val()); - - } - }); - - function btnURL(input) { - if (input.files && input.files[0]) { - var reader = new FileReader(); - - reader.onload = function (e) { - //$('#prevImg').attr('src', e.target.result); - $("#imgPri").attr("src", e.target.result); - $("#pictureval").val(e.target.result); - //$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat"); - } - - reader.readAsDataURL(input.files[0]); - } - } - - $("#pic").change(function () { - previewURL(this); - if ($(this).val() != '') { - // var formData = new FormData(); - // formData.append('file', $(this)[0].files[0]); - // $.ajax({ - // url: '/path/to/upload', - // type: 'POST', - // data: formData, - // async: false, - // success: function (r) { - // if(r.success) { - // //success work - // } - // }, - // cache: false, - // contentType: false, - // processData: false - // }); - $("#imgPic").attr("src", $(this).val()); - - } - }); - function previewURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); - + var id = input.id; reader.onload = function (e) { - //$('#prevImg').attr('src', e.target.result); - $("#imgPic").attr("src", e.target.result); - $("#picval").val(e.target.result); - //$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat"); + //效果图 + $("#"+id+"img").attr("src", e.target.result); + //传递值 + $("#"+id+"val").val(e.target.result); } reader.readAsDataURL(input.files[0]);