DCloud_UNI_GSQ
DCloud_UNI_GSQ
  • 发布:2019-01-26 11:31
  • 更新:3 天前
  • 阅读:9918

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>  
5 关注 分享
Trust 495818445@qq.com 286622241@qq.com sonicsunsky@qq.com jclarry

要回复文章请先登录注册

2238617792@qq.com

2238617792@qq.com

同问,怎么上传doc、pdf等文档文件,使用插件市场的“Android 文件选择器”选择文档后在使用uni.getFileInfo获取文件信息filePath报错,文件选择器提供的地址居然不识别,难搞
3 天前
15093568689@163.com

15093568689@163.com

如何上传pdf和doc这种文件啊?求
2019-06-12 15:48
741202587@qq.com

741202587@qq.com

回复 余红杰:
呃呃。。确实是这个问题
2019-06-09 17:01
余红杰

余红杰

回复 741202587@qq.com:
你好好学习下this的作用域
2019-06-06 14:38
741202587@qq.com

741202587@qq.com

用plus.gallery.pick可以选择并返回选择视频的路径。。但是成功回调函数不能使用this.xxx
2019-06-05 18:29
小张没有名字

小张没有名字

使用 plus.gallery.pick 方式 , 選擇視頻最大只允許180MB 的問題怎麽解決????
2019-05-25 16:17
lalalala

lalalala

https://ask.dcloud.net.cn/question/71326 求关注 求解决
2019-05-21 11:35
1292264591@qq.com

1292264591@qq.com

上传多个文件怎么解决!!!!
2019-05-15 21:42
1292264591@qq.com

1292264591@qq.com

回复 1289945364@qq.com:
同求,楼主解决了么
2019-05-15 21:41
1401010800@qq.com

1401010800@qq.com

回复 小李子:
应该是video吧,不是none吧
2019-04-29 10:06
1289945364@qq.com

1289945364@qq.com

您好,你这个文件上传功能在同一个页面里,怎么不可以复用多个上传功能,如果想要同个页面复用多个上传功能需要怎么做。
2019-04-26 10:53
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