html 包含h5,下载文件,预览文件

安卓下载

			exportPDF(url) {     // url 未pdf,word文件可以打开的链接
			      const a = document.createElement("a");
					  a.href = url;
					  a.target="_blank";
					  a.download = "download";
					  a.click();
			},

ios下载(uni-app demo)

<template> 
	<view style='margin-top:200px;'>
		<u-button type="success" @click='exportPDF' style='width:80%;'>点击下载PDF</u-button>
	</view>
</template>

<script>
	// u-view 1 参考:https://v1.uviewui.com/components/upload.html
	import util from '@/util/utils.js'
	export default {
		data() {
			return {
				pdfUrl:''
			}
		}, 
		onLoad(op) {
			console.log(op.url);
			this.pdfUrl=op.url;
		}, 		
		methods: { 
			exportPDF() { 
				const downloadElement = document.createElement("a");
				downloadElement.href = this.pdfUrl;				  
				downloadElement.download = "download";
				//  a.click();
				document.body.appendChild(downloadElement);
				downloadElement.click(); //点击下载				 
				document.body.removeChild(downloadElement); //下载完成移除元素
			}
		}
		 
	}
</script>


<style>
</style>
  • uni-app的h5 h5 web 应该均可以实现,url为接口动态获取的
posted @   盘思动  阅读(167)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)
历史上的今天:
2018-03-07 postman ubuntu 14.04 安装
点击右上角即可分享
微信分享提示