|
@@ -97,7 +97,7 @@
|
|
|
</style>
|
|
|
</head>
|
|
|
<body class="white-bg">
|
|
|
-<div class="wrapper wrapper-content animated fadeInRight ibox-content" id="div1">
|
|
|
+<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
|
|
<form class="form-horizontal m" id="form-configuration-add">
|
|
|
<div class="form-group">
|
|
|
<label class="col-sm-3 control-label">弹框类型:</label>
|
|
@@ -110,14 +110,12 @@
|
|
|
<div class="form-group" id="alertImageItem">
|
|
|
<label class="col-sm-3 control-label">弹框图片:</label>
|
|
|
<div class="col-sm-8">
|
|
|
- <input id="input_bgUrl" name="bgUrl" type="hidden"/>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+ <div style="width: 150px;height: 150px;" id="div-bgUrl"></div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
|
|
|
- <div class="imageBox">
|
|
|
- <div class="thumbBox" style="width:150px;height:150px;"></div>
|
|
|
- <div class="spinner" style="display: none">Loading...</div>
|
|
|
- </div>
|
|
|
<div class="action">
|
|
|
<div class="new-contentarea tc">
|
|
|
<a href="javascript:void(0)" class=""><label for="avatar">选择图片</label> </a>
|
|
@@ -237,6 +235,7 @@
|
|
|
}
|
|
|
$("#alertContentItem").hide();
|
|
|
$("#alertImageItem").hide();
|
|
|
+ $("#div-bgUrl").hide();
|
|
|
getCompanyList(obj);
|
|
|
$('#avatar').on('change', function () {
|
|
|
var reader = new FileReader();
|
|
@@ -246,13 +245,13 @@
|
|
|
if ((options.imgSrc).indexOf("image/") == -1) {
|
|
|
$.modal.alertWarning("文件格式错误,请上传图片类型,如:JPG,PNG后缀的文件。");
|
|
|
} else {
|
|
|
- cropper = $('.imageBox').cropbox(options);
|
|
|
+ setTimeout(function () {
|
|
|
+ upBg(e.target.result);
|
|
|
+ },500)
|
|
|
+ // cropper = $('.imageBox').cropbox(options);
|
|
|
}
|
|
|
}
|
|
|
reader.readAsDataURL(this.files[0]);
|
|
|
- setTimeout(function () {
|
|
|
- upBg();
|
|
|
- },500)
|
|
|
})
|
|
|
console.log('ctx',ctx);
|
|
|
})
|
|
@@ -356,11 +355,11 @@
|
|
|
cropper = $('.imageBox').cropbox(options);
|
|
|
}
|
|
|
|
|
|
- function upBg() {
|
|
|
- cropper = $('.imageBox').cropbox(options);
|
|
|
- var img = cropper.getBlob();
|
|
|
+ function upBg(imgFile) {
|
|
|
+ // cropper = $('.imageBox').cropbox(options);
|
|
|
+ // var img = cropper.getBlob();
|
|
|
var formdata = new FormData();
|
|
|
- formdata.append("file", img);
|
|
|
+ formdata.append("file", imgFile);
|
|
|
$.ajax({
|
|
|
url: ctx + "common/upload",
|
|
|
data: formdata,
|
|
@@ -370,13 +369,9 @@
|
|
|
success: function (result) {
|
|
|
if (result.code == 0) {
|
|
|
photoUrl = result.data.url;
|
|
|
- $("#input_bgUrl").val(result.data.fileName);
|
|
|
$("#div-bgUrl").html("<img src='" + result.data.url + "' style='width;100%;height:100%;'>");
|
|
|
- $("#div1").show();
|
|
|
- $("#div2").hide();
|
|
|
+ $("#div-bgUrl").show();
|
|
|
} else {
|
|
|
- $("#div1").show();
|
|
|
- $("#div2").hide();
|
|
|
$.modal.alertWarning(result.msg);
|
|
|
}
|
|
|
}
|