使用web-view打开一个链接，这个链接如果是.pdf或者其他的，就会直接弹出一个下载框也没有预览的功能，只是安卓这样，苹果不会，有没有办法阻止不让他谈起下载弹窗，只想实现预览功能
传播星球
- 发布：2024-08-07 11:41
- 更新：2024-08-07 14:12
- 阅读：196
LGG233 - others
要实现pdf预览功能建议使用其他的方式，比如uni.openDocument来打开文档预览
-
-
-
传播星球 (作者)
回复 3***@qq.com: https://img.centralbanknews.cn/RrKpV7BUaW1723012168778.pdf
2024-08-07 14:29
-
-
-
-
-
回复 传播星球: <!DOCTYPE html>
<html>
<head>
<title>PDF.js Example</title>
<style>
pdf-container {
width: 800px;
height: 600px;
}
</style>
</head>
<body>
<div id="pdf-container"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.11.338/pdf.js"></script>
<script>
// 指定工作线程脚本的路径
pdfjsLib.GlobalWorkerOptions.workerSrc =
"https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.11.338/pdf.worker.js";
// 获取容器元素
var container = document.getElementById("pdf-container");
// 加载PDF文档
pdfjsLib
.getDocument(
"https://img.centralbanknews.cn/RrKpV7BUaW1723012168778.pdf"
)
.promise.then(function (pdf) {
// 获取第一页
pdf.getPage(1).then(function (page) {
var scale = 1.5;
var viewport = page.getViewport({ scale: scale });
// 创建一个<canvas>元素用于显示PDF页面
var canvas = document.createElement("canvas");
var context = canvas.getContext("2d");
canvas.width = viewport.width;
canvas.height = viewport.height;
// 将PDF页面渲染到<canvas>元素中
page.render({
canvasContext: context,
viewport: viewport,
});
// 将<canvas>元素添加到容器中
container.appendChild(canvas);
});
});
</script>
</body>
</html>2024-08-07 15:12
-
创建一个html，把上面的内容复制进去，把html放到服务器上，使用webview标签预览：<web-view src="html链接"></web-view>
2024-08-07 15:14
-
-
-
