Calculation/app/view/shares/select_file_modal.ejs

<div class="modal fade" id="select-file" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">选择文件</h5>
            </div>
            <div class="modal-body">
                <p><span id="sf-hint">请选择.xls和.xlsx 文件</span><a class="ml-2" id="sf-template">示例</a></p></p>
                <div class="form-group">
                    <label for="sf-file">选择文件</label><i class="fa fa-spinner fa-pulse fa-lg fa-fw text-primary" id="select-excel-loading" style="display: none;"></i>
                    <input type="file" class="form-control-file" id="sf-file" accept="*.json" name="file">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary btn-sm" id="sf-ok">确认</button>
            </div>
        </div>
    </div>
</div>
<script>
    const selectFile = function(setting) {
        if (!setting || !setting.fileType || !setting.select) return;

        if (setting.template) {
            $('#sf-template').attr('href', setting.template).show();
        } else {
            $('#sf-template').hide();
        }
        $('#sf-hint').text(setting.hint || `请选择${setting.fileType}文件`);
        $('#sf-file').val('');
        $('#sf-ok').off('click');
        $('#sf-file').attr('accept', setting.fileType);
        $('#select-file').modal('show');
        $('#sf-ok').on("click", function () {
            setting.select(document.getElementById('sf-file').files[0]);
            $('#select-file').modal('hide');
        });
    };
</script>