uni-app 选择和上传非图像、视频文件

以下几种方法可供参考:

  • 通用方法:使用 web-view 组件,在 web-view 组件内可以使用 input 元素进行选择,使用表单或者 xhr 上传。
  • App 端:使用 plus.gallery.pick 选择上传(上传可继续使用 uni.uploadFile),如果对 5+API 不熟悉建议使用通用方法。
  • H5 端:使用 js 创建 input 元素进行选择,使用 xhr 上传(或者转 base64、Object-URL 使用 uni.uploadFile 上传),如果对 dom 不熟悉建议使用通用方法。
<template>  
    <view>  
        <view ref="input" class="input">  

        </view>  
    </view>  
</template>  

<script>  
    export default {  
        mounted() {  
            var input = document.createElement('input')  
            input.type = 'file'  
            input.onchange = (event) => {  
                console.log(event)  
            }  
            this.$refs.input.$el.appendChild(input)  
        }  
    }  
</script>  

<style>  
</style>  
4 分享 关注
DCloud_UNI_Trust 495818445@qq.com 286622241@qq.com sonicsunsky@qq.com
DCloud_UNI_GSQ

DCloud_UNI_GSQ 回复 495818445@qq.com

有选项可配置
0 赞 6 天前
495818445@qq.com

495818445@qq.com

你好, plus.gallery.pick方法也是上传图片啊
0 赞 2019-02-12 12:16

要回复文章请先登录注册