uniapp app端选择txt、pdf、word文件上传

html目录结构

添加组件

<template>
	<view class="webview_mask"  v-if="showWeb">
		<view class="webview_box">
			<!-- #ifdef APP-PLUS -->
			<!-- 直接链接地址传参-->
			<web-view :src="'/hybrid/html/uploadFile.html?funcId='+baseUrl+'&token='+token"
			@message="postMessage"
			:update-title="false"
			:fullscreen="false"
			:webview-styles="webviewStyles"
			class="web_view"
			ref="webView"></web-view>
			<!-- #endif -->
		
			
		</view>
	</view>
</template>

<script>
	import indexConfig from '@/config/index.config';
	let wv = null // html页面实例  
	export default{
   
		name:"uploadFile",
		data(){
   
			return {
   
				//webview显示宽高
				webviewStyles:{
   
					width:'280px',
					height: '170px'
				},
				funcId:"",
				showWeb:false
			}
		},
		onLoad() {
   
		
		},
		mounted() {
   
			
		},
		computed:{
   
			baseUrl(){
   
				//上传接口
				return this.$getBaseUrl()+'/prod-api';
			},
			token(){
   
				//上传需要的token
				let access_token = this.$getStorage("accessToken");
				return access_token;
			}
		},
		methods:{
   
			open(){
   
				this.showWeb = true;
				// #ifdef APP-PLUS
				//获取webview设置显示位置
				const currentWebview = this.$parent.$scope.$getAppWebview(); 
				uni.getSystemInfo({
   
					success: function (res){
    // res - 各种参数
						let width = res.windowWidth;
						let height = res.screenHeight;
						//弹窗宽度：280 高度：170 screenHeight windowWidth
						  let top_value = (height - 170)/2;
						  let left_value = (width - 280)/2;
						setTimeout(() => {
   
							wv = currentWebview.children()[0];
							wv.setStyle(
								{
   
									position: 'absolute',
									top:top_value,