一个输入框多个文件上传

添加jsp

<li id="files" style="margin-left: 20px;">
                            <label class="mini-label" style="width: 160px;">文件上传：</label>

                            <input class='mini-textBox' id="filename" name="filename" style="width:400px;" />
                            <input class='mini-hidden' id="filepath" name="filepath" style="width:400px;" />
                            <a class="mini-button x" href="javascript:;" id="btnUpLoad">上传</a>
                            <input type="file" id="upload" name="upload" style="width: 250px;display: none" multiple="multiple" />
                        </li>

添加js

 uploadFile({
            subfix: ['xlsx', 'dbf', 'txt', 'jpg', 'zip', 'xls'],
            url: "/ajax-upload-files.html",
            subfixTip: "请选择xlsx,dbf,txt,.jpg,.zip,.xls类型的文件！",
            successCall: function(data) {
                mini.alert(data.flag);
                var filename = mini.get('filename').getValue();
                var filepath = mini.get('filepath').getValue();
                if ("" == filename) {
                    mini.get("filename").setValue(data.fileName);
                    mini.get("filepath").setValue(data.savePath);
                } else {
                    var fileNames = [];
                    var filePath = [];
                    fileNames.push(filename);
                    fileNames.push(data.fileName);
                    filePath.push(filepath);
                    filePath.push(data.savePath);
                    if (fileNames.length > 1) {
                        fileNames.join(",");
                        mini.get("filename").setValue(fileNames);
                    }
                    if (filePath.length > 1) {
                        filePath.join(",");
                        mini.get("filepath").setValue(filePath);
                    }
                }
            }
        });

详情

jsp

 <li style="float: inherit;" id="attachedListWrapper">
                            <label class="mini-label">附件:</label>
                            <!-- <a class="mini-div" id="file" name="filename" href=""></a> -->
                        </li>

详情js

 setData: function(id) {
        var me = this;
        $.ajax({
            url: contextPath + "/noticeBulletin/noticeBulletin-detail-load-data.html",
            type: 'post',
            dataType: 'json',
            async: false,
            data: {
                id: id
            },
            success: function(data) {
                if (data) {
                    me.form.setData(data);

                    // $('#file').attr('href', contextPath + path);
                    me.buildAttachedList(data.filepath, data.filename);
                }
            }
        })
    },
    buildAttachedList: function(filepath, fileName) {
        var pathArr = filepath.split(',');
        var nameArr = fileName.split(',');
        pathArr.forEach(function(e, i) {
            $('#attachedListWrapper').append('<a style="margin-left: 20px;" href=' + (contextPath + e) + '>' + nameArr[i] + '</a>');


        });
    }