uni-file-picker文件选择上传

最新推荐文章于 2024-09-26 19:24:27 发布

四季奶青全糖去冰@

最新推荐文章于 2024-09-26 19:24:27 发布

阅读量1.4w

点赞数 5

分类专栏： uniapp 文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/m0_60263299/article/details/129274698

版权

基础用法

mode="grid" ，可以使用九宫格样式选择图片

limit="1" ，则最多选择张图片

file-mediatype="image"，限定只选择图片

file-extname='png,jpg'，限定只选择 png和jpg后缀的图片

auto-upload="false",可以停止自动上传，通过ref调用upload方法自行选择上传时机。与ref="files"搭配使用，this.$refs.files.upload()。

<uni-file-picker 
    v-model="imageValue"  
    file-mediatype="image"
    mode="grid"
    file-extname="png,jpg"
    :limit="1"
    @progress="progress" 
    @success="success" 
    @fail="fail" 
    @select="select"
/>

<script>
    export default {
        data() {
            return {
                imageValue:[]