www.lightcourse.com/public/static/admin/js/goods_add_step3.js

81 lines
2.7 KiB
JavaScript

$(function(){
// 商品图片ajax上传
$('.dssc-upload-btn').find('input[type="file"]').on('change', function(){
var id = $(this).attr('id');
ajaxFileUpload(id);
});
//浮动导航 waypoints.js
// $("#uploadHelp").waypoint(function(event, direction) {
// $(this).parent().toggleClass('sticky', direction === "down");
// event.stopPropagation();
// });
// 关闭相册
$('a[dstype="close_album"]').click(function(){
$(this).hide();
$(this).prev().show();
$(this).parent().next().html('');
});
// 绑定点击事件
$('div[dstype^="file"]').each(function(){
if ($(this).prev().find('input[type="hidden"]').val() != '') {
selectDefaultImage($(this));
}
});
});
// 图片上传ajax
function ajaxFileUpload(id, o) {
$('img[dstype="' + id + '"]').attr('src', ADMINSITEROOT + "/images/loading.gif");
$.ajaxFileUpload({
url : ADMINSITEURL + '/Goodsadd/image_upload',
secureuri : false,
fileElementId : id,
dataType : 'json',
data : {name : id},
success : function (data, status) {
if (typeof(data.error) != 'undefined') {
alert(data.error);
$('img[dstype="' + id + '"]').attr('src',DEFAULT_GOODS_IMAGE);
} else {
$('input[dstype="' + id + '"]').val(data.name);
$('img[dstype="' + id + '"]').attr('src', data.thumb_name);
selectDefaultImage($('div[dstype="' + id + '"]')); // 选择默认主图
}
},
error : function (data, status, e) {
alert(e);
}
});
return false;
}
// 选择默认主图&&删除
function selectDefaultImage($this) {
// 默认主题
$this.click(function(){
$(this).parents('ul:first').find('.show-default').removeClass('selected').find('input').val('0');
$(this).addClass('selected').find('input').val('1');
});
// 删除
$this.parents('li:first').find('a[dstype="del"]').click(function(){
$this.unbind('click').removeClass('selected').find('input').val('0');
$this.prev().find('input').val('').end().find('img').attr('src', DEFAULT_GOODS_IMAGE);
});
}
// 从图片空间插入主图
function insert_img(name, src, color_id) {
var $_thumb = $('ul[dstype="ul'+ color_id +'"]').find('.upload-thumb');
$_thumb.each(function(){
if ($(this).find('input').val() == '') {
$(this).find('img').attr('src', src);
$(this).find('input').val(name);
selectDefaultImage($(this).next()); // 选择默认主图
return false;
}
});
}