77 lines
3.1 KiB
HTML
77 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
||
<head>
|
||
<th:block th:include="include :: header('新增首页轮播图')" />
|
||
<th:block th:include="include :: summernote-css" />
|
||
</head>
|
||
<body class="white-bg">
|
||
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
||
<form class="form-horizontal m" id="form-carousel-add">
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label is-required">图片：</label>
|
||
<div class="col-sm-8">
|
||
<input id="filePath" name="filePath" class="form-control" type="file">
|
||
<input id="pictureUrl" name="pictureUrl" type="text" hidden>
|
||
</div>
|
||
</div>
|
||
<!--<div class="form-group">
|
||
<label class="col-sm-3 control-label">删除标志：</label>
|
||
<div class="col-sm-8">
|
||
<input name="delFlag" class="form-control" type="text">
|
||
</div>
|
||
</div>-->
|
||
</form>
|
||
</div>
|
||
<th:block th:include="include :: footer" />
|
||
<th:block th:include="include :: summernote-js" />
|
||
<script th:inline="javascript">
|
||
var prefix = ctx + "front/carousel"
|
||
$("#form-carousel-add").validate({
|
||
focusCleanup: true
|
||
});
|
||
|
||
function submitHandler() {
|
||
if ($.validate.form()) {
|
||
//同步上传图片，并且将上传图片返回的地址，赋值到pictureUrl对应的隐藏域上
|
||
uploadFile(false, "pictureUrl");
|
||
$.operate.save(prefix + "/add", $('#form-carousel-add').serialize());
|
||
}
|
||
}
|
||
|
||
$(function() {
|
||
$('.summernote').summernote({
|
||
lang: 'zh-CN',
|
||
callbacks: {
|
||
onChange: function(contents, $edittable) {
|
||
$("input[name='" + this.id + "']").val(contents);
|
||
},
|
||
onImageUpload: function(files) {
|
||
var obj = this;
|
||
var data = new FormData();
|
||
data.append("file", files[0]);
|
||
$.ajax({
|
||
type: "post",
|
||
url: ctx + "common/upload",
|
||
data: data,
|
||
cache: false,
|
||
contentType: false,
|
||
processData: false,
|
||
dataType: 'json',
|
||
success: function(result) {
|
||
if (result.code == web_status.SUCCESS) {
|
||
$('#' + obj.id).summernote('insertImage', result.url);
|
||
} else {
|
||
$.modal.alertError(result.msg);
|
||
}
|
||
},
|
||
error: function(error) {
|
||
$.modal.alertWarning("图片上传失败。");
|
||
}
|
||
});
|
||
}
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |