【Fastadmin】表格导出excel,图片显示太大

目录

1.直接导出示例

2.解决办法

3. 再次导出效果


1.直接导出示例

图片过大,格式错乱

2.解决办法

 在js页面加入代码

// 导出图片过大处理
exportOptions: {
    ignoreColumn: [0, 'operate'],
    onBeforeSaveToFile: function (data, fileName, type, charset, encoding, bom) {
        return $.fn.bootstrapTable.defaults.extend.savestatus;
    },
    onCellHtmlHyperlink: function ($cell, rowIndex, colIndex, href, htmlData) {
        var html = $.parseHTML(htmlData);
        var inputidx = 0;
        var selectidx = 0;
        var result = '';

        $.each(html, function () {
            if ($(this).is("input")) {
                result += $cell.find('input').eq(inputidx++).val();
            } else if ($(this).is("select")) {
                result += $cell.find('select option:selected').eq(selectidx++).text();
            } else if ($(this).is("img")) {
                var src = $(this).attr('src');
                if (src.indexOf('http') === -1) {
                    $(this).attr('src', window.location.origin + src);
                }
                $(this).attr("width", "40").attr("height", "40").attr('class', '');
                result += '<div>' + $(this).get(0).outerHTML + '</div>';
            } else {
                if (typeof $(this).html() === 'undefined') {
                    result += $(this).text();
                } else if (jQuery().bootstrapTable === undefined ||
                    ($(this).hasClass('filterControl') !== true &&
                        $cell.parents('.detail-view').length === 0)) {
                    result += $(this).html();
                }
            }
        });
        return result;
    }
}

代码位置:放在数据表单后面即可

3. 再次导出效果

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zzoood

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值