在uniapp中,提供了uni.chooseImage和uni.uploadFile接口,我们很容易的就可以实现图片的上传,还可以预览。不过要上传其他文件,比如zip,rar等文件,官方的api就不支持了。不过官方提供了几种方法供参考来实现传其他文件。
1、通用方法:使用 web-view 组件,在 web-view 组件内可以使用 input 元素进行选择,使用表单或者 xhr 上传。
2、App 端:使用 plus.gallery.pick 选择上传(上传可继续使用 uni.uploadFile),如果对 5+API 不熟悉建议使用通用方法。
3、H5 端:使用 js 创建 input 元素进行选择,使用 xhr 上传(或者转 base64、Object-URL 使用 uni.uploadFile 上传),如果对 dom 不熟悉建议使用通用方法。
下面来介绍下H5端实现其他文件上传:
上传组件
<template>
<view class="con" ref="fileInput">
</view>
</template>
<script>
import {token} from '@/libs/token'
import dokey from '../../common/js/secret