100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > Layui图片上传限制一张的问题

Layui图片上传限制一张的问题

时间:2024-07-11 09:10:02

相关推荐

Layui图片上传限制一张的问题

为什么80%的码农都做不了架构师?>>>

layui.use(['element','form','upload','layer','layedit'], function(){

var CoverImageArr = new Array();

layui.upload({

url: '/upload/tmp',

elem: '.cover-image',

title: ' ',

method:'post',

//unwrap: true,

//ext: 'jpg|png|gif' //那么,就只会支持这三种格式的上传。注意是用|分割。

before:function(){

},

success: function(res){

var imgSrc = res.fileWeb;

var imgName = res.fileName;

var imgspan = $(".y-upload-d ul li span");

CoverImageArr.push(imgName);

$('#picture').attr('disabled',true);

$('.ban1').css('display','block');

$(".y-upload-cover-image ul").append("<li id='a'><img src='"+imgSrc+"'><div class='mask'><span>点击删除图片</span></div></li>").ready(function(){

$('li#a').hover(function(){

$(this).children('div').css("opacity",".8");

},function(){

$(this).children('div').css("opacity","0");

})

$('li#a').on('click',function(){

if(confirm("确定删除图片?")){

$(this).remove();

$('#picture').attr('disabled',false);

$('.ban1').css('display','none');

}

});

});

}

});

//提交监听

form.on('submit(addSub)', function(data){

if(CoverImageArr && CoverImageArr.length > 0){

data.field.CoverImageArray = CoverImageArr;

}else{

data.field.CoverImageArray = "";

}

var formUrl = "/admin/cover/save";

$.ajax({

type: "post",

url: formUrl,

async: true,

data: data.field,

dataType: "json",

beforeSend: function() {

$("#loading").css("display", "block");

},

success:function(response){

if(response.code == 1){

layer.alert(response.msg,{

skin: 'layui-layer-molv',

closeBtn: 0,

icon: 6,

anim: 4

});

setTimeout(function(){

window.location.href = "/admin/lecture/list";

},2000);

}else{

layer.alert(response.msg,{

skin: 'layui-layer-molv',

closeBtn: 0,

icon: 5,

anim: 4

});

}

},

error:function(){

layer.alert('错误',{

skin: 'layui-layer-molv',

closeBtn: 0,

icon: 5,

anim: 4

});

}

});

return false;

});

});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。