|
|
@@ -8,46 +8,46 @@
|
|
|
.container {
|
|
|
margin: 10px 5px 5px 5px;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.action {
|
|
|
padding: 5px 0px;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.cropped {
|
|
|
width: 200px;
|
|
|
height: 345px;
|
|
|
border: 1px #ddd solid;
|
|
|
box-shadow: 0px 0px 12px #ddd;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.img-preview {
|
|
|
border-radius: 50%;
|
|
|
box-shadow: 0px 0px 12px #7e7e7e;
|
|
|
display: inline-block;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.preview-box {
|
|
|
text-align: center;
|
|
|
margin: 0px auto;
|
|
|
margin-top: 10px;
|
|
|
color: #bbb;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.preview-md {
|
|
|
width: 128px;
|
|
|
height: 128px;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.preview-sm {
|
|
|
width: 96px;
|
|
|
height: 96px;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.preview-xs {
|
|
|
width: 64px;
|
|
|
height: 64px;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.imageBox {
|
|
|
border: 1px solid #aaa;
|
|
|
overflow: hidden;
|
|
|
@@ -55,7 +55,7 @@
|
|
|
box-shadow: 4px 4px 12px #B0B0B0;
|
|
|
margin: 0px auto;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.btn-custom {
|
|
|
float: right;
|
|
|
width: 46px;
|
|
|
@@ -81,13 +81,13 @@
|
|
|
position: relative;
|
|
|
float: left;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.new-contentarea label {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
display: block;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.new-contentarea input[type=file] {
|
|
|
width: 188px;
|
|
|
height: 60px;
|
|
|
@@ -104,7 +104,7 @@
|
|
|
filter: alpha(opacity=0);
|
|
|
z-index: 2;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
a.upload-img {
|
|
|
width: 165px;
|
|
|
display: inline-block;
|
|
|
@@ -120,11 +120,11 @@
|
|
|
border: 0px #fff solid;
|
|
|
box-shadow: 0px 0px 5px #B0B0B0;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
a.upload-img:hover {
|
|
|
background-color: #ec7e70;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.tc {
|
|
|
text-align: center;
|
|
|
}
|
|
|
@@ -169,7 +169,7 @@
|
|
|
<th:block th:include="include :: cropper-js" />
|
|
|
<script type="text/javascript">
|
|
|
var cropper;
|
|
|
-var croppable = false;
|
|
|
+var croppable = true;
|
|
|
$(window).load(function() {
|
|
|
var image = document.getElementById('avatar');
|
|
|
cropper = new Cropper(image, {
|
|
|
@@ -184,13 +184,17 @@ $(window).load(function() {
|
|
|
|
|
|
$('#inputImage').on('change', function() {
|
|
|
var reader = new FileReader();
|
|
|
+ console.log("111:",reader)
|
|
|
var file = $('#inputImage')[0].files[0];
|
|
|
+ console.log("222:",file)
|
|
|
if (/^image\/\w+$/.test(file.type)) {
|
|
|
reader.onload = function(e) {
|
|
|
+ console.log(croppable,"eee:",e)
|
|
|
if(croppable){
|
|
|
cropper.replace(e.target.result)
|
|
|
}
|
|
|
}
|
|
|
+ console.log("333:",this.files[0])
|
|
|
reader.readAsDataURL(this.files[0]);
|
|
|
} else {
|
|
|
$.modal.alertWarning('请选择一个图片文件。');
|
Administrator