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

最新推荐文章于 2024-05-25 22:39:08 发布

weixin_33895475

最新推荐文章于 2024-05-25 22:39:08 发布

阅读量2.1k

点赞数

文章标签： javascript java python ViewUI

原文链接：https://my.oschina.net/af666/blog/870173

版权

为什么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;

});


});