線上PDF文件展示

場景: 請求到的PDF(url鏈接),將其展示在頁面上

插件: pdfobject? ?(我使用的版本:?"pdfobject": "^2.2.12"?)

下載插件就不多說了,下面將其引入:

<div id="pdf"></div>
import PDFobject from "pdfobject";

?這里的this.url? 就是請求回來的pdf url地址

  new Promise((resolve, reject) => {const xhr = new XMLHttpRequest();xhr.open("GET", this.url, true);xhr.responseType = "blob";xhr.onload = function () {if (this.status == 200) {resolve(this.response);} else {reject(this.statusText);}};xhr.onerror = function () {reject(this.statusText);};xhr.send();}).then((blob) => {PDFobject.embed(URL.createObjectURL(blob), "#pdf");});

這里的請求回來的url地址要先轉為二進制.??

親測有效!

這是在界面顯示的樣子

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/167066.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/167066.shtml
英文地址,請注明出處:http://en.pswp.cn/news/167066.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

【Clang Static Analyzer 代碼靜態檢測工具詳細使用教程】

Clang Static Analyzer sudo apt-get install clang-tools scan-build cmake .. scan-build make -j4 編譯完成之后會在終端提示在哪里查看報錯文檔: scan-build: 55 bugs found. scan-build: Run scan-view /tmp/scan-build-2023-11-24-150637-6472-1 to examine bug report…

Liunx Ubuntu Server 安裝配置 Docker

1. 安裝Docker 1.1 更新軟件包列表 sudo apt update1.2 添加Docker存儲庫 sudo apt install apt-transport-https ca-certificates curl gnupg-agent software-properties-common curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add - sudo add-a…

Django QuerySet.order_by SQL注入漏洞(CVE-2021-35042)

漏洞描述 Django 于 2021年7月1日發布了一個安全更新&#xff0c;修復了函數QuerySet.order_by中的 SQL 注入漏洞。 參考鏈接&#xff1a; Django security releases issued: 3.2.5 and 3.1.13 | Weblog | Django 該漏洞需要開發人員使用order_by功能。此外&#xff0c;還可…

加入華為云鯤鵬極簡開發創造營,激活創造力,探索無限可能!

數字經濟時代&#xff0c;速度、效率、質量安全已成為各行業告訴拓新發展的關鍵&#xff0c;華為云不斷打磨敏捷安全開發的軟件平臺&#xff0c;為更高效率的生產力變革積蓄能量。 在剛剛過去不久的2023華為全聯接大會上&#xff0c;華為最新發布了華為云CodeArts與鯤鵬DevKit…

關于配置文件中秘鑰信息加密實現方案的一些思考

關于配置文件中秘鑰信息加密實現方案的一些思考 背景實現方案 背景 配置信息文件中(代碼中), 不應該有明文的秘鑰信息. 需要找一種方案去做加密處理. 實現方案 我們可以在項目指定目錄上傳一份加密/解密程序, 例如: jasypt-gui.jar. 啟動時: 配置JVM參數, 對加密的信息進行解…

2023 Unite 大會關于“Muse“ AI 大模型訓練

Unity Muse 借助強大的 AI 能力幫助你探索、構思和迭代&#xff0c;其中包括紋理和精靈兩項功能&#xff0c;可將自然語言和視覺輸入轉化為可用資產。 將 AI 引入 Unity Editor 中的 Muse 提供了更快將想法轉化為實物的選項。您可以調整并使用文本提示、圖案、顏色和草圖&…

周總結2023-11-24

文章目錄 前言&#xff1a;工作&#xff1a;學習&#xff1a;生活&#xff1a; 前言&#xff1a; 保持激情&#xff0c;日日向上&#xff0c;激發內驅力。 工作&#xff1a; 1117上周未完成的計劃&#xff1a; 數模轉換模塊的數據處理分析HAL庫的學習IMU知識點匯總 1124本…

【采坑分享】導出文件流responseType:“blob“如何提示報錯信息

目錄 前言&#xff1a; 采坑之路 總結&#xff1a; 前言&#xff1a; 近日&#xff0c;項目中踩了一個坑分享一下經驗&#xff0c;也避免下次遇到方便解決。項目基于vue2axioselement-ui&#xff0c;業務中導出按鈕需要直接下載接口中的文件流。正常是沒有問題&#xff0c;但…

為什么在Pycharm中使用Pandas畫圖,卻不顯示?

問題描述&#xff1a; 在 Pycharm 中使用 Pandas 的 plot() 方法畫圖&#xff0c;卻不顯示圖像&#xff0c;源代碼如下&#xff1a; import pandas as pd import numpy as np# 從文件中讀取數據 starbucks pd.read_csv(./file_csv/directory.csv)# 按照國家分組&#xff0c;…

想問問各位大佬,網絡安全這個專業普通人學習會有前景嗎?

網絡安全是一個非常廣泛的領域&#xff0c;涉及到許多不同的崗位。這些崗位包括安全服務、安全運維、滲透測試、web安全、安全開發和安全售前等。每個崗位都有自己的要求和特點&#xff0c;您可以根據自己的興趣和能力來選擇最適合您的崗位。 滲透測試/Web安全工程師主要負責模…

對 .NET程序2G虛擬地址緊張崩潰 的最后一次反思

一&#xff1a;背景 1. 講故事 最近接連遇到了幾起 2G 虛擬地址緊張 導致的程序崩潰&#xff0c;基本上 90% 都集中在醫療行業&#xff0c;真的很無語&#xff0c;他們用的都是一些上古的 XP&#xff0c;Windows7 x86&#xff0c;我也知道技術人很難也基本無法推動硬件系統和…

抖音獲客策略:讓你的品牌在短視頻平臺一鳴驚人!

一、背景介紹 隨著移動互聯網的快速發展&#xff0c;抖音作為一款流行的短視頻平臺&#xff0c;已經成為越來越多企業的獲客渠道。抖音用戶規模龐大&#xff0c;日活用戶數量不斷增長&#xff0c;為企業提供了廣闊的市場空間。本文將介紹抖音獲客策略&#xff0c;幫助企業更好…

UNETR++:深入研究高效和準確的3D醫學圖像分割

論文&#xff1a;https://arxiv.org/abs/2212.04497 代碼&#xff1a;GitHub - Amshaker/unetr_plus_plus: UNETR: Delving into Efficient and Accurate 3D Medical Image Segmentation 機構&#xff1a;Mohamed Bin Zayed University of Artificial Intelligence1, Univers…

哦?是嗎|兜兜轉轉,最后還是選擇了蓋雅排班系統

在之前發布的和「人效案例集」中&#xff0c;我們為大家呈現了很多關于人效提升的理論方法&#xff0c;以及各家企業的人效提升提升實踐。 回過頭來&#xff0c;我們發現&#xff1a;排班管理滲透于人效九宮格之中&#xff0c;也因此成為很多企業人效提升的一個重要中介&#x…

深度學習八股文:混合精度訓練過程出nan怎么辦

其實如果是FP32的訓練&#xff0c;基本的調試方法還是差不多&#xff0c;這里就講一下混合精度訓練過程中的nan。 混合精度訓練使用較低的數值精度&#xff08;通常是半精度浮點數&#xff0c;例如FP16&#xff09;來加速模型訓練&#xff0c;但在一些情況下&#xff0c;可能會…

盤點43個Python登錄第三方源碼Python愛好者不容錯過

盤點43個Python登錄第三方源碼Python愛好者不容錯過 學習知識費力氣&#xff0c;收集整理更不易。 知識付費甚歡喜&#xff0c;為咱碼農謀福利。 項目名稱 bnuz中國電信校園網模擬登錄&#xff0c;python selenium BNUZ教務系統認證爬蟲Python語言實現&#xff0c;你可以用…

NX二次開發UF_CSYS_create_temp_csys 函數介紹

文章作者&#xff1a;里海 來源網站&#xff1a;https://blog.csdn.net/WangPaiFeiXingYuan UF_CSYS_create_temp_csys Defined in: uf_csys.h int UF_CSYS_create_temp_csys(const double csys_origin [ 3 ] , tag_t matrix_id, tag_t * csys_id ) overview 概述 Creates …

win10 tensorrt源碼編譯onnx

直接利用官方源碼&#xff0c;如下圖&#xff0c;trtexec源碼在TensorRT安裝目錄下&#xff0c;雙擊trtexec.sln文件&#xff0c;使用vs2019打開源碼工程。 如下圖&#xff0c;以yolov8為例子&#xff0c;編譯成功項目之后&#xff0c;設置命令行參數&#xff1a; --onnxd:/yo…

便攜式工業RFID讀寫器怎么選?

便攜式工業RFID讀寫器在物流、零售、制造等行業都有著極為廣泛的應用。企業利用RFID手持終端設備&#xff0c;可以將采集到的物品信息自動傳輸到中央信息系統&#xff0c;實現數據的實時交換和共享。目前市面上RFID手持終端品牌、型號眾多&#xff0c;ANDEAWELL作為國內物聯網產…

案例精選|聚銘網絡流量智能分析審計系統加強南京市溧水區人社局信息安全防護能力

一字排開的社保綜合服務窗口、實時滾動的數“智”人社大屏、便捷快速的社保卡自助服務機……每位到溧水市民中心人社大廳進行業務辦理的市民對高效的社保服務經辦效率贊嘆不已。 黨的二十大報告提出&#xff0c;健全覆蓋全民、統籌城鄉、公平統一、安全規范、可持續的多層次社…