[JavaScript知识库]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){
                //预读本地文件示例，

创作打卡挑战赛

赢取流量/现金/CSDN周边激励大奖

了解本专栏 订阅专栏 解锁全文