代码之家 › 专栏 › 技术社区 › Bumboobee

有没有办法将Pdf放入Swal模型中?

sweetalert2 modal-dialog pdf html javascript

Bumboobee · 技术社区 · 3 年前

我正在做一个按钮,当用户点击时,打开一个游泳池。。。问题是,我怎样才能在swal模式中放置Pdf视图,而不将用户发送到另一个页面?

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

1 回复 | 直到 3 年前

Shura16 3 年前

您可以在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/

推荐文章

danjbh · 防止使用sweet alert提交表单时出现默认值

7 年前

GermanCoder · 如何使用SweetAlert2重置CKeditor4

7 年前

Ali Zia · 带正确消息的Sweet Alert自定义正则表达式验证

7 年前

hungrybeast · SweetAlert2从自定义HTML中的输入获取值

7 年前

rupesh · 在Sweet alert 2中传递PHP variabe

7 年前

Dave Anderson · 翡翠色Sweetalert2

7 年前

Maverik Minett · 将引导DatetimePicker与Sweet Alert 2一起使用-在警报上显示日历

7 年前

Sam Banana · Sweet Alert显示成功,但未删除记录

7 年前

contrariwise · sweetalert2中按钮延迟出现

7 年前

gbenga wale · 自定义sweetalert2输出原始json

7 年前