uniapp 上传非图像视频文件

注意

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

H5与APP

使用uni.chooseFile(OBJECT)

从本地选择文件

主要用于选择非媒体文件，如果选择的文件是媒体文件，另有3个专用API：

• 图片选择：uni.chooseImage(OBJECT)
• 视频选择：uni.chooseVideo(OBJECT)
• 多媒体文件选择：uni.chooseMedia(OBJECT)

uni.chooseFile({
  count: 6, //默认100
  extension:['.zip','.doc'],
    success: function (res) {
        console.log(JSON.stringify(res.tempFilePaths));
    }
});

// 选择图片文件
uni.chooseFile({
  count: 10,
  type: 'image',
  success (res) {
    // tempFilePath可以作为img标签的src属性显示图片
    const tempFilePaths = res.tempFiles
  }
})

OBJECT 参数说明

• count 值在 H5 平台的表现，基于浏览器本身的规范。目前测试的结果来看，只能限制单选/多选，并不能限制数量。并且，在实际的手机浏览器很少有能够支持多选的。
• sourceType 在H5端对应input的capture属性，设置为['album']无效，依然可以使用相机。
• extension暂只支持文件后缀名，例如['.zip','.exe','.js']，不支持application/msword等类似值

OBJECT.type 的合法值

• 如果type属性和extension同时存在，例如{type:'image',extension:['.png','.jpg']}，则会选择image/png,image/jpg文件
• 如果只配置extension属性，例如{extension:['.doc','.xlsx','.docx']}，则会选择.doc,.xlsx,.docx文件，详情见accept属性
• 在微信环境中，如果type="all"，则extension属性失效

success 返回参数说明

File 对象结构如下