DCloud_UNI_GSQ
DCloud_UNI_GSQ
  • 发布:2019-01-26 11:31
  • 更新:2022-01-19 09:40
  • 阅读:108347

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

分类:uni-app

首先小程序端不支持上传非图像视频文件。

然后App和H5端,参考: https://uniapp.dcloud.io/api/media/file

H5端在2.9.9以前,可以使用如下方法:

  1. 使用web-view组件
    使用 web-view 组件,在 web-view 组件内可以使用 input 元素进行选择,使用表单或者 xhr 上传。

  2. 使用 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>

上传文件,推荐使用uniCloud的云存储和cdn,免费!且提供方便安全的客户端直传,详见:https://uniapp.dcloud.io/uniCloud/storage?id=uploadfile

17 关注 分享
Trust 真的没昵称 2***@qq.com sonicsunsky jclarry chenxiaoke 8***@qq.com s***@163.com 1***@qq.com d***@yunfanda.com 2***@qq.com z***@gmail.com D_cloud_Jacob 搁浅 b***@sina.com 1***@qq.com 1***@qq.com

要回复文章请先登录注册

4***@qq.com

4***@qq.com

回复 1***@qq.com :
顶这位兄弟上去
2022-01-19 09:40
4***@qq.com

4***@qq.com

回复 阿康 :
顶这位兄弟上去
2022-01-19 09:40
程序员Tom

程序员Tom

ios上传附件是不是有跨域问题?
2022-01-15 15:22
l***@163.com

l***@163.com

回复 1***@qq.com :
<web-view src="/static/file.html"></web-view>
// file.html 页面
<input type="file" accept="">
多少能解决,你现在解决了吗
2022-01-04 10:57
1***@qq.com

1***@qq.com

求求了,赶快更新一个支持app的文件上传吧(安卓+IOS通用),跪求了。。。用到的地方真的太多了。插件市场上的ios请求都跨域,后端设置了还是跨域,我也不知道咋办了
2021-09-18 16:07
助理不写代码

助理不写代码

问下接收文件的api咋写?
2021-08-18 10:32
h***@163.com

h***@163.com

app端选择非图片视频文件 再上传 连个正经api都没
2021-08-02 13:32
t***@qq.com

t***@qq.com

回复 阿康 :
uni.chooseFile(OBJECT)
https://uniapp.dcloud.io/api/media/file?id=choosefile
从本地选择文件。本API主要用于选择非媒体文件
2021-04-15 13:44
阿康

阿康

官方文档,太垃圾了,选择和上传非图像、视频文件,这种基础api都没有,还玩个毛线uniapp
2021-04-02 10:08
1***@qq.com

1***@qq.com

我用uni.uploadFile上传的时候后台会根据文件的大小多了一个等待时间,这是为啥,大家有遇到过吗
2021-03-22 16:30