layui实现多图上传方法

安语未 2022-05-14 14:59:43 阅读数:16

实现layui方法上传图上

实现的效果:

js:

 <script>
var multiple_images = [];
//单击图片删除图片 【注册全局函数】
function delMultipleImgs(this_img){
//获取下标
var subscript=$("#div-slide_show img").index(this_img);
//删除图片
this_img.remove();
//删除数组
multiple_images.splice(subscript, 1);
//重新排序
multiple_images.sort();
$('.multiple_show_img').val(multiple_images);
//返回
return ;
}
layui.use([ 'upload'], function () {
var upload = layui.upload;
//多图片上传
upload.render({
elem: '#multiple_img_upload'
,url: "{:url('content/upimgs')}"
,multiple: true
,before: function(obj){
//预读本地文件示例,
版权声明:本文为[安语未]所创,转载请带上原文链接,感谢。 https://blog.csdn.net/mo3408/article/details/124732743