用图像更改图标 sweetalert

【问题标题】：Change icon sweetalert with image用图像更改图标 sweetalert
【发布时间】：2021-04-30 02:38:07
【问题描述】：

我想问如何用图片更改sweetalert中的icon图片？

我尝试将Swal.fire 中的icon 图像更改为assets 中的图像，但它不起作用

这是脚本

Swal.fire({
    icon: "<?= base_url(); ?>assets/addon-media/icon_information.png",
    html: "Are you sure want to add this ?",
    showCancelButton: true,
    confirmButtonText: 'Yes, Sure',
    cancelButtonText: 'No, Cancel',
})

【问题讨论】：

标签： sweetalert2

【解决方案1】：

您可以使用iconHtml 参数设置图标的图像。此外，如果您想移除图标周围的默认边框，请使用 customClass 参数。

示例如下：

Swal.fire({
  title: 'Image icon',
  iconHtml: '<img src="https://picsum.photos/100/100">',
  customClass: {
    icon: 'no-border'
  }
})

.no-border {
  border: 0 !important;
}

&lt;script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"&gt;&lt;/script&gt;

【讨论】：