活动管理-图片修改
This commit is contained in:
dy
parent
42cb8fa52e
commit
7adb33f89d
|
|
@ -362,7 +362,7 @@
|
||||||
<div>
|
<div>
|
||||||
<span class="btn btn-white btn-file"><span
|
<span class="btn btn-white btn-file"><span
|
||||||
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
|
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
|
||||||
<input type="file" id="pic" name="actPageConfigGuide-bgImg"></span>
|
<input type="file" id="pic" name="actPageConfigGuide-bgImg" onchange="syncPic(this)" ></span>
|
||||||
<a href="#" class="btn btn-white fileinput-exists"
|
<a href="#" class="btn btn-white fileinput-exists"
|
||||||
data-dismiss="fileinput">清除</a>
|
data-dismiss="fileinput">清除</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -426,7 +426,7 @@
|
||||||
<div class="rightarea">
|
<div class="rightarea">
|
||||||
<h4 class="form-header h4">效果图</h4>
|
<h4 class="form-header h4">效果图</h4>
|
||||||
<div style="position: relative;text-align:center">
|
<div style="position: relative;text-align:center">
|
||||||
<img id="imgPic" src="../../img/1.jpg" width="380" height="500">
|
<img id="picimg" src="../../img/1.jpg" width="380" height="500">
|
||||||
<span class="drawNamePic" id="actTitlePic">活动标题</span>
|
<span class="drawNamePic" id="actTitlePic">活动标题</span>
|
||||||
<span class="drawDescribePic" id="actDescPic">活动描述</span>
|
<span class="drawDescribePic" id="actDescPic">活动描述</span>
|
||||||
<span class="drawbtnPic">
|
<span class="drawbtnPic">
|
||||||
|
|
@ -614,14 +614,14 @@
|
||||||
<div>
|
<div>
|
||||||
<span class="btn btn-white btn-file"><span
|
<span class="btn btn-white btn-file"><span
|
||||||
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
|
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
|
||||||
<input type="file" id="picture" name="actPageConfigUserinfo-bgImg"></span>
|
<input type="file" id="picture" name="actPageConfigUserinfo-bgImg" onchange="syncPic(this)"></span>
|
||||||
<a href="#" class="btn btn-white fileinput-exists"
|
<a href="#" class="btn btn-white fileinput-exists"
|
||||||
data-dismiss="fileinput">清除</a>
|
data-dismiss="fileinput">清除</a>
|
||||||
<input id="pictureval" type="hidden" name="actPageConfigUserinfo-bgImg"
|
|
||||||
value="">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<input id="pictureval" type="hidden" name="actPageConfigUserinfo-bgImg"
|
||||||
|
value="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
@ -704,7 +704,7 @@
|
||||||
<div class="rightarea">
|
<div class="rightarea">
|
||||||
<h4 class="form-header h4">效果图</h4>
|
<h4 class="form-header h4">效果图</h4>
|
||||||
<div style="position: relative;text-align:center">
|
<div style="position: relative;text-align:center">
|
||||||
<img id="imgPri" src="../../img/shj.jpg" width="380" height="500">
|
<img id="pictureimg" src="../../img/shj.jpg" width="380" height="500">
|
||||||
<span class="drawTotalPri" id="titlePri">标题</span>
|
<span class="drawTotalPri" id="titlePri">标题</span>
|
||||||
<span class="drawDescribePri" id="describePri">描述</span>
|
<span class="drawDescribePri" id="describePri">描述</span>
|
||||||
<span class="drawTextPri">请填写您的基本信息</span>
|
<span class="drawTextPri">请填写您的基本信息</span>
|
||||||
|
|
@ -798,13 +798,12 @@
|
||||||
<div>
|
<div>
|
||||||
<span class="btn btn-white btn-file"><span
|
<span class="btn btn-white btn-file"><span
|
||||||
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
|
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
|
||||||
<input type="file" id="shareImg" name="actConfig-shareImg"></span>
|
<input type="file" id="shareImg" name="actConfig-shareImg" onchange="syncPic(this)"></span>
|
||||||
<a href="#" class="btn btn-white fileinput-exists"
|
<a href="#" class="btn btn-white fileinput-exists"
|
||||||
data-dismiss="fileinput">清除</a>
|
data-dismiss="fileinput">清除</a>
|
||||||
<input id="shareImgval" type="hidden" name="actConfig-shareImg" value="">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<input id="shareImgval" type="hidden" name="actConfig-shareImg" value="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -815,7 +814,7 @@
|
||||||
<img id="ss" src="../../img/shj.jpg" width="254" height="142">
|
<img id="ss" src="../../img/shj.jpg" width="254" height="142">
|
||||||
</div>
|
</div>
|
||||||
<div class="drawShareImgPic">
|
<div class="drawShareImgPic">
|
||||||
<img id="shareImgPic" src="../../img/shj.jpg" width="50" height="50">
|
<img id="shareImgimg" src="../../img/shj.jpg" width="50" height="50">
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span class="drawShareTitlePri" id="shareTitlePri">中国人寿举办活动</span>
|
<span class="drawShareTitlePri" id="shareTitlePri">中国人寿举办活动</span>
|
||||||
|
|
@ -845,7 +844,6 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-6">
|
||||||
<label class="col-sm-4 control-label is-required">背景图片：</label>
|
<label class="col-sm-4 control-label is-required">背景图片：</label>
|
||||||
|
|
||||||
<div class="fileinput fileinput-new" data-provides="fileinput">
|
<div class="fileinput fileinput-new" data-provides="fileinput">
|
||||||
<div class="fileinput-preview thumbnail" data-trigger="fileinput"
|
<div class="fileinput-preview thumbnail" data-trigger="fileinput"
|
||||||
style="width: 200px; height: 150px;"></div>
|
style="width: 200px; height: 150px;"></div>
|
||||||
|
|
@ -853,15 +851,14 @@
|
||||||
<span class="btn btn-white btn-file"><span
|
<span class="btn btn-white btn-file"><span
|
||||||
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
|
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
|
||||||
<input type="file" id="backdropImg"
|
<input type="file" id="backdropImg"
|
||||||
name="actPageConfigSubscribe-bgImg"></span>
|
name="actPageConfigSubscribe-bgImg" onchange="syncPic(this)"></span>
|
||||||
<a href="#" class="btn btn-white fileinput-exists"
|
<a href="#" class="btn btn-white fileinput-exists"
|
||||||
data-dismiss="fileinput">清除</a>
|
data-dismiss="fileinput">清除</a>
|
||||||
<input id="backdropImgval" type="hidden" name="actPageConfigSubscribe-bgImg"
|
|
||||||
value="">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<input id="backdropImgval" type="hidden" name="actPageConfigSubscribe-bgImg"
|
||||||
|
value="">
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-6">
|
||||||
|
|
@ -873,23 +870,22 @@
|
||||||
<span class="btn btn-white btn-file"><span
|
<span class="btn btn-white btn-file"><span
|
||||||
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
|
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
|
||||||
<input type="file" id="qrCodeImg"
|
<input type="file" id="qrCodeImg"
|
||||||
name="actPageConfigSubscribe-bgImg2"></span>
|
name="actPageConfigSubscribe-bgImg2" onchange="syncPic(this)"></span>
|
||||||
<a href="#" class="btn btn-white fileinput-exists"
|
<a href="#" class="btn btn-white fileinput-exists"
|
||||||
data-dismiss="fileinput">清除</a>
|
data-dismiss="fileinput">清除</a>
|
||||||
<input id="qrCodeImgval" type="hidden" name="actPageConfigSubscribe-bgImg2"
|
|
||||||
value="">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<input id="qrCodeImgval" type="hidden" name="actPageConfigSubscribe-bgImg2"
|
||||||
|
value="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="rightarea">
|
<div class="rightarea">
|
||||||
<h4 class="form-header h4">效果图</h4>
|
<h4 class="form-header h4">效果图</h4>
|
||||||
<div style="position: relative;text-align:center">
|
<div style="position: relative;text-align:center">
|
||||||
<img id="backdropImgPri" src="../../img/shj.jpg" width="400" height="400">
|
<img id="backdropImgimg" src="../../img/shj.jpg" width="400" height="400">
|
||||||
<div class="drawCodeImgPic">
|
<div class="drawCodeImgPic">
|
||||||
<img id="qrCodeImgPri" src="../../img/shj.jpg" width="80" height="80">
|
<img id="qrCodeImgimg" src="../../img/shj.jpg" width="80" height="80">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span class="drawQrCodePri" id="qrCodePri">关注二维码</span>
|
<span class="drawQrCodePri" id="qrCodePri">关注二维码</span>
|
||||||
|
|
@ -1189,150 +1185,20 @@
|
||||||
$("#" + id + "Pri").text(value);
|
$("#" + id + "Pri").text(value);
|
||||||
}
|
}
|
||||||
|
|
||||||
//分享图片
|
//图片同步
|
||||||
$("#qrCodeImg").change(function () {
|
function syncPic(val){
|
||||||
qrCodeImg(this);
|
previewURL(val);
|
||||||
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]);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
//分享图片
|
|
||||||
$("#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) {
|
function previewURL(input) {
|
||||||
if (input.files && input.files[0]) {
|
if (input.files && input.files[0]) {
|
||||||
var reader = new FileReader();
|
var reader = new FileReader();
|
||||||
|
var id = input.id;
|
||||||
reader.onload = function (e) {
|
reader.onload = function (e) {
|
||||||
//$('#prevImg').attr('src', e.target.result);
|
//效果图
|
||||||
$("#imgPic").attr("src", e.target.result);
|
$("#"+id+"img").attr("src", e.target.result);
|
||||||
$("#picval").val(e.target.result);
|
//传递值
|
||||||
//$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat");
|
$("#"+id+"val").val(e.target.result);
|
||||||
}
|
}
|
||||||
|
|
||||||
reader.readAsDataURL(input.files[0]);
|
reader.readAsDataURL(input.files[0]);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue