|
|
@@ -52,6 +52,16 @@
|
|
|
</div>
|
|
|
<div class="col-xs-12">
|
|
|
<div class="form-group">
|
|
|
+ <label class="col-sm-3 control-label">商品图片:</label>
|
|
|
+ <div class="col-sm-8">
|
|
|
+ <img id="picUrlImg" width="30%" height="30%">
|
|
|
+ <input type="file" class="form-control" name="picUrlImgUrl" id="picUrlImgUrl" accept="image/*"/>
|
|
|
+ <input type="hidden" lass="form-control" name="picUrl" id="picUrl" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-xs-12">
|
|
|
+ <div class="form-group">
|
|
|
<label class="col-sm-3 control-label">商品描述:</label>
|
|
|
<div class="col-sm-10" style="margin-left: 80px;">
|
|
|
<div class="summernote" style="border: red;" id="summernote"></div>
|
|
|
@@ -66,58 +76,101 @@
|
|
|
<th:block th:include="include :: summernote-js" />
|
|
|
<script th:inline="javascript">
|
|
|
var prefix = ctx + "master/product/prod"
|
|
|
- $("#form-prod-add").validate({
|
|
|
- focusCleanup: true
|
|
|
- });
|
|
|
|
|
|
- $(document).ready(function () {
|
|
|
- // 富文本框
|
|
|
- $(".summernote").summernote({
|
|
|
- lang: 'zh-CN',
|
|
|
- callbacks:{
|
|
|
- onImageUpload: function (files) {
|
|
|
- var fileSize = 0;
|
|
|
- fileSize = files[0].size;
|
|
|
- fileSize=Math. round( fileSize/1024*100)/100;
|
|
|
+ $('#picUrlImgUrl').change(function () {
|
|
|
+ var fileSize = this.files[0].size;
|
|
|
+ fileSize = Math.round(fileSize/1024*100)/100;
|
|
|
|
|
|
- if(fileSize>2048){
|
|
|
- layer.msg('上传文件不得大于2M,请重新上传。', {time: 3000, icon:6});
|
|
|
- return false;
|
|
|
- }
|
|
|
+ if(fileSize>2048){
|
|
|
+ layer.msg('上传文件不得大于2M,请重新上传。', {time: 3000, icon:6});
|
|
|
+ return false;
|
|
|
+ }
|
|
|
|
|
|
- if (!/image\/\w+/.test(files[0].type)) {
|
|
|
- layer.msg('上传的不是图片文件,请重新上传。', {time: 3000, icon:6});
|
|
|
- return false;
|
|
|
+ if (!/image\/\w+/.test(this.files[0].type)) {
|
|
|
+ layer.msg('上传的不是图片文件,请重新上传。', {time: 3000, icon:6});
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ if ($(this).val()) {
|
|
|
+ var formdata = new FormData();
|
|
|
+ formdata.append("imageFile", this.files[0]);
|
|
|
+ $.ajax({
|
|
|
+ url: ctx + "common/upload/file/image",
|
|
|
+ data: formdata,
|
|
|
+ type: "post",
|
|
|
+ processData: false,
|
|
|
+ contentType: false,
|
|
|
+ beforeSend: function () {
|
|
|
+ $.modal.loading("正在处理中,请稍后...");
|
|
|
+ $.modal.disable();
|
|
|
+ },
|
|
|
+ success: function (result) {
|
|
|
+ if (result.code === web_status.SUCCESS) {
|
|
|
+ $('#picUrlImg').attr('src', result.imageUrl);
|
|
|
+ $('#picUrl').val(result.imageUrl);
|
|
|
+ $.modal.alertSuccess(result.msg)
|
|
|
+ } else if (result.code === web_status.WARNING) {
|
|
|
+ $.modal.alertWarning(result.msg)
|
|
|
+ } else {
|
|
|
+ $.modal.alertError(result.msg);
|
|
|
}
|
|
|
+ $.modal.closeLoading();
|
|
|
+ $.modal.enable();
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 富文本框
|
|
|
+ $(".summernote").summernote({
|
|
|
+ lang: 'zh-CN',
|
|
|
+ callbacks:{
|
|
|
+ onImageUpload: function (files) {
|
|
|
+ var fileSize = 0;
|
|
|
+ fileSize = files[0].size;
|
|
|
+ fileSize=Math. round( fileSize/1024*100)/100;
|
|
|
+
|
|
|
+ if(fileSize>2048){
|
|
|
+ layer.msg('上传文件不得大于2M,请重新上传。', {time: 3000, icon:6});
|
|
|
+ return false;
|
|
|
+ }
|
|
|
|
|
|
- var formData = new FormData();
|
|
|
- formData.append('imageFile', files[0]);
|
|
|
- $.ajax({
|
|
|
- url : ctx + "common/upload/file/image",
|
|
|
- type : 'POST',
|
|
|
- data : formData,
|
|
|
- processData : false,
|
|
|
- contentType : false,
|
|
|
- success : function(result) {
|
|
|
- $('.summernote').summernote('insertImage', result.imageUrl);
|
|
|
- },error:function(){
|
|
|
- $.modal.alertError("上传失败");
|
|
|
- }
|
|
|
- });
|
|
|
+ if (!/image\/\w+/.test(files[0].type)) {
|
|
|
+ layer.msg('上传的不是图片文件,请重新上传。', {time: 3000, icon:6});
|
|
|
+ return false;
|
|
|
}
|
|
|
- },
|
|
|
- height: 600,
|
|
|
- toolbar: [
|
|
|
- ['style', ['fontname', 'bold', 'italic', 'underline', 'clear']],
|
|
|
- ['font', ['strikethrough', 'superscript', 'subscript']],
|
|
|
- ['fontsize', ['fontsize', 'undo', 'redo']],
|
|
|
- ['color', ['color']],
|
|
|
- ['para', ['ul', 'ol', 'paragraph']],
|
|
|
- ['height', ['height']],
|
|
|
- ['insert', ['picture', 'table']],
|
|
|
- ['search', ['findnreplace', 'changecolor']]
|
|
|
- ],
|
|
|
- });
|
|
|
+
|
|
|
+ var formData = new FormData();
|
|
|
+ formData.append('imageFile', files[0]);
|
|
|
+ $.ajax({
|
|
|
+ url : ctx + "common/upload/file/image",
|
|
|
+ type : 'POST',
|
|
|
+ data : formData,
|
|
|
+ processData : false,
|
|
|
+ contentType : false,
|
|
|
+ success : function(result) {
|
|
|
+ $('.summernote').summernote('insertImage', result.imageUrl);
|
|
|
+ },error:function(){
|
|
|
+ $.modal.alertError("上传失败");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ height: 600,
|
|
|
+ toolbar: [
|
|
|
+ ['style', ['fontname', 'bold', 'italic', 'underline', 'clear']],
|
|
|
+ ['font', ['strikethrough', 'superscript', 'subscript']],
|
|
|
+ ['fontsize', ['fontsize', 'undo', 'redo']],
|
|
|
+ ['color', ['color']],
|
|
|
+ ['para', ['ul', 'ol', 'paragraph']],
|
|
|
+ ['height', ['height']],
|
|
|
+ ['insert', ['picture', 'table']],
|
|
|
+ ['search', ['findnreplace', 'changecolor']]
|
|
|
+ ],
|
|
|
+ });
|
|
|
+
|
|
|
+ $("#form-prod-add").validate({
|
|
|
+ focusCleanup: true
|
|
|
});
|
|
|
|
|
|
function submitHandler() {
|