有没有办法将 Pdf 放入 Swal 模态中？

Question

我正在制作一个按钮，当用户点击时，打开一个 Swal...问题是，我怎样才能在那个 swal 模式中放置一个 Pdf 视图，而不将用户发送到另一个页面？

可以使用 Sweet Alert 库来实现吗？我该怎么做？

Answer 1

您可以在 SweetAlert 中添加一些 html 代码。

Swal.fire({
  title: '<strong>HTML <u>example</u></strong>',
  icon: 'info',
  html:
    'You can use <b>bold text</b>, ' +
    '<a href="//sweetalert2.github.io">links</a> ' +
    'and other HTML tags',
  showCloseButton: true,
  showCancelButton: true,
  focusConfirm: false,
  confirmButtonText:
    '<i class="fa fa-thumbs-up"></i> Great!',
  confirmButtonAriaLabel: 'Thumbs up, great!',
  cancelButtonText:
    '<i class="fa fa-thumbs-down"></i>',
  cancelButtonAriaLabel: 'Thumbs down'
})

然后尝试使用嵌入添加您的 pdf，例如：

<embed src="files/Brochure.pdf" type="application/pdf" width="100%" height="600px" />

参考文献：

https://sweetalert2.github.io/

https://www.codexworld.com/embed-pdf-document-file-in-html-web-page/

有没有办法将 Pdf 放入 Swal 模态中？

Is there a way to put a Pdf inside a Swal modal?

html

javascript

pdf

modal-dialog

sweetalert2