Skip to content

T
tl_estate
Commit e9bda9f1 authored by duxinyuan's avatar duxinyuan
Browse files
Options

rewrite picture components

parent 00f02d49
Hide whitespace changes
Inline Side-by-side
Showing with 119 additions and 15 deletions
application/index/view/news/new_text.html
View file @ e9bda9f1
......@@ -275,11 +275,9 @@
<div class="form-group">
<label class="col-sm-2 control-label">封面图：</label>
<div class="col-sm-9">
<!--选择图片-->
<!--<div class="col-sm-9">
<ul class="list-group">
<li class="list-group-item">
<!--封面图 一张-->
<div class="form-group full-width-100 full-pic-area">
<input readonly="readonly" type="text" name="liebiao_pic_input" class="form-control" style="width: 150px !important;display:none" id="liebiao_pic_input" placeholder="请选择图片">
<button class="btn btn-default upload-image-btn" id="liebiao_pic_btn" type="button" data-limittop="1">选择图片</button>
......@@ -288,7 +286,36 @@
<ul class="img-pre-ul" id="liebiao_pic_ul"></ul>
</li>
</ul>
</div>
</div>-->
<div class="col-xs-9">
<ul class="list-group">
<li class="list-group-item">
<div class="file-upload-area p-a-0 ">
<ul class="img-pre-ul" id="fujian_ul"></ul>
<div class="btn-area">
<input class="btn btn-default" type="file" id="upload-image-btn" data-limittop="1" /> <!--修改上传文件的最大数字-->
<button class="btn btn-default">选择图片</button>
</div>
</div>
</li>
</ul>
<!--<div class="file-upload-area p-a-0 ">
<ul class="img-pre-ul" id="fujian_ul"></ul>
<div class="btn-area">
<input class="btn btn-default" type="file" id="file_input" data-limittop="10" /> <!--修改上传文件的最大数字-->-->
<!--<button class="btn btn-default">选择图片</button>
</div>
<div class="col-xs-12 img_area p-t-10">
</div>
</div>-->
</div>
</div>
<div class="form-group">
......
public/resource/js/schoolBusinessNew.js
View file @ e9bda9f1
......@@ -18,6 +18,7 @@ define(['doT', 'text!temp/schoolBusiness_template_tpl.html', 'ckfinder', 'ckfind
urls: '',
agent_id_two: '',
agent_id2: 0,
titlePic : '' ,
init: function() {
//初始化dot
$("body").append(template);
......@@ -94,18 +95,61 @@ define(['doT', 'text!temp/schoolBusiness_template_tpl.html', 'ckfinder', 'ckfind
//图片上传，附件上传处理事件
$(".upload-image-btn").click(function() {
$("#upload-image-btn").change(function() {
var _this = $(this),
_spFile = _this.data('spfile'),
_limitTop = _this.data('limittop'),
_fileNum = _this.parent().next().find('.delet-pic-btn').length; //根据删除按钮的个数，确定文件的个数
if(_limitTop && (_fileNum < _limitTop)) {
BrowseServer(_this.prev().attr('id'), function(url) {
console.log(url);
// BrowseServer(_this.prev().attr('id'), function(url) {
// console.log(url);
// if(_spFile == 'pdf') {
// if(/(\.pdf|\.doc|\.xls)$/i.test(url)) {
// _this.parent().next().prepend('<li class="pdf-pre-li"><a class="pdf-pre-a" download="{1}" href="javascript:;" title="点击可下载">{1}</a><a href="javascript:;" class="delet-pic-btn">删除</a></li>'.stringFormatObj({
// '0': url,
// '1': dealFileName(decodeURI(url.slice(url.lastIndexOf('/') + 1)))//dealFileName不要忘记
// }));
// } else {
// alert('所选择的格式不是pdf/doc/xls,请重新选择');
// return false;
// }
// } else {
// if(/(\.jpg|\.jpeg|\.png|\.gif|\.bmp)$/i.test(url)) {
// _this.parent().next().prepend('<li><img title="点击查看大图" src="{0}" /><a href="javascript:;" class="delet-pic-btn">删除</a></li>'.stringFormatObj({
// '0': url
// }));
// } else {
// alert('所选择的格式不正确,请重新选择');
// return false;
// }
// };
// });
var formData = new FormData();
formData.append('type', 'house_img');
formData.append('image', _this[0].files[0]);
$.ajax({
type: 'post',
url: ServerHostImageLiu + '/index/uploadImg',
data: formData,
dataType: 'json',
contentType: false,
cache: false,
processData: false,
beforeSend: function() {},
success: function(_data) {
if(_data.code == 200) {
var _url = _data.data.internet_img_name;
var tag = '' ;
user.titlePic = _data.data.img_path ;
var url = "http://images.tonglianjituan.com/" + _url;
if(_spFile == 'pdf') {
if(/(\.pdf|\.doc|\.xls)$/i.test(url)) {
_this.parent().next().prepend('<li class="pdf-pre-li"><a class="pdf-pre-a" download="{1}" href="javascript:;" title="点击可下载">{1}</a><a href="javascript:;" class="delet-pic-btn">删除</a></li>'.stringFormatObj({
$('#fujian_ul').append('<li class="pdf-pre-li"><a class="pdf-pre-a" download="{1}" href="javascript:;" title="点击可下载">{1}</a><a href="javascript:;" class="delet-pic-btn">删除</a></li>'.stringFormatObj({
'0': url,
'1': dealFileName(decodeURI(url.slice(url.lastIndexOf('/') + 1)))//dealFileName不要忘记
}));
......@@ -115,15 +159,41 @@ define(['doT', 'text!temp/schoolBusiness_template_tpl.html', 'ckfinder', 'ckfind
}
} else {
if(/(\.jpg|\.jpeg|\.png|\.gif|\.bmp)$/i.test(url)) {
_this.parent().next().prepend('<li><img title="点击查看大图" src="{0}" /><a href="javascript:;" class="delet-pic-btn">删除</a></li>'.stringFormatObj({
'0': url
$('#fujian_ul').append('<li><img class="titleImg" title="点击查看大图" src="{0}" srcNmae="{1}"/><a href="javascript:;" class="delet-pic-btn">删除</a></li>'.stringFormatObj({
'0': url,
'1' : _data.data.img_path
}));
} else {
alert('所选择的格式不正确,请重新选择');
return false;
}
};
});
// tag += '<div class="col-xs-3 pictures" id='+_data.data.img_path+'>';
// tag += ' <img src="http://images.tonglianjituan.com/'+_url+'" class="" id="" width="90%">';
// tag += ' <div style="text-align:center" id="'+_data.data.img_path+'"><a href="javascript:;" class="delet-pic-btn">删除</a></div>';
// tag += '</div>';
// $('#fujian_ul').append(tag)
} else {
alert(_data.msg);
};
},
error: function() {
alert('enter error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
//处理超时的逻辑
alert('请求超时,请重试');
};
}
});
} else {
alert('上传上限为 ' + _limitTop);
return false;
......@@ -242,7 +312,7 @@ define(['doT', 'text!temp/schoolBusiness_template_tpl.html', 'ckfinder', 'ckfind
text_details: function() {
var news_id = getUrlParam('id'); //地址栏获取的商铺或者街铺id
var _imgUploadLunbo = $('#xiangqing_pic_ul'); //详情页轮播图ul
var _imgUploadLiebiao = $('#liebiao_pic_ul'); //列表页封面图ul
var _imgUploadLiebiao = $('#fujian_ul'); //列表页封面图ul
var _urlCut = location.origin + '/resource/lib/Attachments/images/'; //要截取的部分url
var _dajiangtangObj = $('#dajiangtang'); //大讲堂
......@@ -259,6 +329,10 @@ define(['doT', 'text!temp/schoolBusiness_template_tpl.html', 'ckfinder', 'ckfind
$("#district_id2").val(data.data.s_label_id * 1); //商学院标签id
var _data = data['data'];
if(_data['cover_plan']) {
http://images.tonglianjituan.com/static/shop_image_depot/20190218/20190218105609841.jpg
_imgUploadLiebiao.html('<li><img title="点击查看大图" src="{0}" /><a href="javascript:;" class="delet-pic-btn">删除</a></li>'.stringFormatObj({
'0': _data['cover_plan']
}));
......@@ -324,8 +398,9 @@ define(['doT', 'text!temp/schoolBusiness_template_tpl.html', 'ckfinder', 'ckfind
});
},
add_news: function() { //新增文章 编辑文章
var _imgUploadLiebiao = $('#liebiao_pic_ul'); //列表页封面图ul
var _liebiaoPicObj = _imgUploadLiebiao.find('li>img');
var _imgUploadLiebiao = $('#fujian_ul'); //列表页封面图ul
// var _liebiaoPicObj = _imgUploadLiebiao.find('li>img');
var _liebiaoPicObj = $('.titleImg');
var _urlCut = location.origin + '/resource/lib/Attachments/images/'; //要截取的部分url
var _dajiangtangObj = $('#dajiangtang'); //大讲堂
var _dajiangtangVal = getCKeditorValue("goods_sup_id");
......@@ -339,9 +414,11 @@ define(['doT', 'text!temp/schoolBusiness_template_tpl.html', 'ckfinder', 'ckfind
if(getUrlParam('id')) {
_data.id = getUrlParam('id');
};
console.log($('.titleImg').attr("srcName"))
console.log("1232132132132112312321321")
_data.title = $("#announcement_title").val();
_data.s_label_id = $("#district_id2").val(); //商学院标签id
_data.file_img = _liebiaoPicObj[0].src.replace(_urlCut, ''); //封面图 剪切后的字符串
_data.file_img = user.titlePic;//_liebiaoPicObj[0].src.replace(_urlCut, ''); //封面图 剪切后的字符串
_data.content = _dajiangtangVal;
//附件相关
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment