DCloud_UNI_GSQ
DCloud_UNI_GSQ
  • 发布:2019-01-26 11:31
  • 更新:2019-04-01 17:03
  • 阅读:5126

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

分类: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

要回复文章请先登录注册

739631180@qq.com

739631180@qq.com

这个H5这个打印出event之后只有文件的名字,没有具体的路径,怎么通过uploadfile上传上去
2019-04-01 17:03
小李子

小李子

plus.gallery.pick 配置了 filter:'none' 只能选视频 ,没法选其他文件
2019-03-12 12:57
DCloud_UNI_GSQ

DCloud_UNI_GSQ (作者)

回复 495818445@qq.com: 有选项可配置
2019-02-13 10:42
495818445@qq.com

495818445@qq.com

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