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

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

要回复文章请先登录注册

鱼皮皮

鱼皮皮

回复 2***@163.com :
对的
4 天前
lishanjun

lishanjun

回复 小枫同学 :
https://ext.dcloud.net.cn/plugin?id=5459
2022-05-20 11:06
lishanjun

lishanjun

回复 2***@qq.com :
https://ext.dcloud.net.cn/plugin?id=5459
2022-05-20 11:05
lishanjun

lishanjun

回复 9***@qq.com :
https://ext.dcloud.net.cn/plugin?id=5459
2022-05-20 11:05
lishanjun

lishanjun

回复 4***@qq.com :
我这个全端通用全文件选择上传没充值,所以知道的人比较少,希望可以帮到你,地址:https://ext.dcloud.net.cn/plugin?id=5459
2022-05-20 11:03
4***@qq.com

4***@qq.com

啥时候app端有上传非图像、视频文件的组件啊~~~~~~~~~~
2022-04-11 11:32
9***@qq.com

9***@qq.com

选择和上传非图像、视频文件,这种基础api都没有,还玩个毛线uniapp
2022-04-08 12:09
2***@qq.com

2***@qq.com

app端连个选择文件的api都没有,没有你好歹出个解决办法,搞个组件啥的嘛,插件市场里的比tm菜市场还shit,有时候官方的组件都是一堆BUG
2022-03-21 17:21
小枫同学

小枫同学

都2022了还没解决app端上传文件,醉了
2022-03-16 21:45
程序员小张

程序员小张

ios机拍照上传图片,使用canvas处理 ,上传到服务器后,返回的图片地址无法预览(从相册选择的图片正常,安卓都正常)
2022-03-15 10:50