uniapp实现文件和图片选择上传功能实现

最新推荐文章于 2024-08-23 04:08:05 发布

瑆箫

最新推荐文章于 2024-08-23 04:08:05 发布

阅读量810

点赞数

文章标签： uni-app

本文链接：https://blog.csdn.net/mo3408/article/details/137590293

版权

web前端技术专栏收录该内容

285 篇文章 12 订阅 ¥129.90 ¥299.90

订阅专栏

超级会员免费看

本文详述了使用uni-app的uni-file-picker组件实现文件及图片选择上传的步骤，内容涵盖单张和多张上传，对于开发者具有实践指导意义。

摘要由CSDN通过智能技术生成

主要介绍了uni-file-picker文件选择上传,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

上传一张：

<template>
  <view class="container example">
    <uni-forms ref="baseForm" :modelValue="baseFormData" label-position="top">
      <uni-forms-item label="图片上传">
       <uni-file-picker 
        v-model="imageValue" 
        fileMediatype="image" 
        mode="grid" 
        @select="select"   
        limit="1"
        ></uni-file-picker>
      </uni-forms-item>
    </uni-forms>
  </view>
</template>
export default {
    data() {
      return {