newmiracle
newmiracle
  • 发布:2023-07-23 18:18
  • 更新:2026-02-06 15:56
  • 阅读:1569

uni-file-picker 怎么设置默认图片啊

分类:uni-app

uni-file-picker 怎么设置默认图片啊 我用上传保存了图片 然后第二次打开要编辑呀 然后编辑 图片都显示不出来了

2023-07-23 18:18 负责人:无 分享
已邀请:
喜欢技术的前端

喜欢技术的前端 - QQ---445849201

<uni-file-picker :value="fileLists" file-mediatype="image"></uni-file-picker>  
有个value属性,值可以参考  
fileLists: [{  
    url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b7c7f970-517d-11eb-97b7-0dc4655d6e68.jpg',  
    extname: 'png',  
    name: 'shuijiao.png'  
}]  
  • 1***@qq.com

    这个不行啊,还有没有其他方法啊,求

    2023-11-29 20:57

  • 9***@qq.com

    回复 1***@qq.com: 搞定没?

    2024-01-10 10:48

  • 陈富贵

    回复 1***@qq.com: 将:value="fileLists" 改成v-model="fileLists"

    2024-02-13 22:52

q***@qq.com

q***@qq.com

就这个破问题一年了还没解决吗,v-model :value 都试了,全不行,value按官方给的连图片占位都没有,直接给图片数组还有占位,但又不加载图片。
[
{
"name":"file.txt",
"extname":"txt",
"url":"https://xxxx",
// ...
}
]

套马杆的套子

套马杆的套子 - 找AI、用AI、信AI

上面是:value="fileLists",fileLists里这么用

[{  
                        fileID: index,  
                        url: 'xxxxxxxxxxxxx'  
                    }]
g***@live.com

g***@live.com

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

const imageValue = ref([]);
imageValue.value.push({
url:profile.avatar,
name:'avatar',
extname: profile.avatar.split(".").pop(),
fileID: profile.avatar,
fileType: "image",
image: {width: 450, height: 450, location: profile.avatar},
path:profile.avatar,
status: "success",
})

上面的方法都不管用。我把能加的属性都加上了。还是不显示。 value v-model 也切换着用过了。并不起作用 onMounted / onLoad 都切换着用了。没有效果。
我是在typescript 模式下测试的。
s***@163.com

s***@163.com

uni-file-picker 怎么默认上传原图啊 现在打开相册后都需要勾选下面的原图选项才会上传原图 怎么样可以默认上传原图

p***@163.com

p***@163.com

我现在的一个问题是,我没有绑定服务空间,当我的用户点进去修改信息界面时,会显示他的原头像,点击原头像将会发起选择,选择结束后,如果用户觉得不好,点击取消按钮,我调用的是一下信息

<uni-file-picker  
                :value="imageObj"  
                ref="avatar"  
                fileMediatype="image"  
                file-extname="png,jpg"  
                return-type="object"  
                disable-preview  
                :image-styles="imageStyle"  
                :del-icon="false"  
                :auto-upload="false"  
                @select="select"  
            >
cancelFn() {  
            this.imagePath = '';  
            this.showUpload = false;  
            this.$refs.avatar.clearFiles();  
            this.$nextTick(() => {  
                this.imageObj = this.copyObj;  
            });  
        },

即便如此,也无法显示用户原来的头像了,只显示组件插槽中的icon图标,js中的this.copyObj在onReady钩子中赋值为组件的value值,有没有大神能解决

  • p***@163.com

    我找到了,这是一个语法错误,我在复制this.imageObj时不应该使用this.copyObj = this.imageObj这实际上只是对于内存地址的拷贝,并没有复制内容,应该为 this.copyObj = { ...this.imageObj}或者 this.copyObj = Object.assign({}, this.imageObj}

    2026-02-06 16:07

要回复问题请先登录注册