在ssi-uploader上传图片的产检中遇到了一个问题,有用过的前端大神没

// data参数写成固定的字符串后台可以接收到,但是变量接收不到。图片可以接收到


// html
    <!--新增专辑-->
    <div class="layui-tab-item layui-show">
        <div class="layui-form-item">
            <label class="layui-form-label">专辑名称:</label>
            <div class="layui-input-block">
                <input type="text" id="album_name" value="" autocomplete="off" placeholder="请输入专辑名称" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">专辑描述:</label>
            <div class="layui-input-block">
                <textarea placeholder="请输入专辑描述" class="layui-textarea" id="album_describe"></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">专辑图片:</label>
            <div class="layui-input-block">
                <div class="site-demo-upload">
                    <div class="site-demo-upbar">
                        <input type="file" multiple id="ssi-upload"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--新增专辑end-->
    
    
// js
/*保存并上传*/
    var album_name = document.getElementById("album_name").value;
    var album_describe = document.getElementById("album_describe").value;
    jQuery('#ssi-upload').ssi_uploader({
        data:{
            "album_name": album_name,
            "album_describe": album_describe,    // 这两个参数写成固定字符串后台可接收,变量接收不到
        },
        url:'异步接口',
        dropZone:true,
        // maxNumberOfFiles:10,    // 每次允许上传多少个文件
        // maxFileSize:6,  // 允许上传的最大文件尺寸
        allowed:['jpg','gif','txt','png','pdf'],    // 允许上传的文件类型
        beforeUpload:function(fileInfo,xhr){
            alert(document.getElementById("album_name").value);
            // 文件上传前执行的回调函数
            var album_name = document.getElementById("album_name").value;
            if(album_name == '' || album_name == null){
                // 终止操作
                xhr.abort();
            }
        },
        beforeEachUpload:function(){
            // 每一个单独的文件上传前执行的回调函数
        },
        onUpload:function(){
            // 文件上传后执行的回调函数
            layui.use(['layer', 'form'], function () {
                var layer = layui.layer
                        , form = layui.form();

                layer.msg('专辑保存成功', function () {
                    //关闭后的操作
                });
            });
        },
        onEachUpload:function(){
            // 每一个单独的文件上传后执行的回调函数
        }
    });


杜发明
浏览 6337回答 3
3回答

已经注销了

是有点小问题的。不是你的问题,是这款插件本身的问题该插件只会在初始化的时候调用一次。如果data里的数据是变量,就无能为力了。以下是我修改源码,把问题解决的修改插件ssi-uploader.js页面使用的时候,这个样子就行了效果图

GavinJou大笨象

请问这插件 怎么批量上传啊,我发现这个是一次一次的调用,能不能一次上传全部图片

Faker__

请问图片你后台是怎么接收的?
打开App,查看更多内容
随时随地看视频慕课网APP