uni-app 照片選擇及預覽


uni.chooseInage(OBJECT) 從本地相冊選擇圖片或使用相機拍照

count Numeber 否 對多可以選擇的照片張數,默認9。

sizeType StringArray 否 original 原圖,compressed 壓縮圖,默認二者都有。

sourceType StringArray 否 album從相冊選圖,camera使用相機,默認二者都有。

source Function 否 成功則返回圖片的本地文件路徑列表 temFilePaths。

fail Function 否 接口調用失敗的回調函數。

complete Function 否 接口調用結束的回調函數(調用成功、失敗都會執行)。

<template>
    <View>
        {{name}}---{{age}}
        <button @click="img">選擇照片</button>
    </View>
</template>

<script>
    export default {
        data(){
            return{
                age:'',
                name:''
            }
        },
        onLoad: function (option) { //option為object類型,會序列化上個頁面傳遞的參數
            console.log(option.age); //打印出上個頁面傳遞的參數。
            console.log(option.name); //打印出上個頁面傳遞的參數。
            this.age=option.age;
            this.name=option.name;
        },
        methods:{
            img:function(){
                uni.chooseImage({
                    count: 3,
                    sizeType:"compressed",
                    success: (res) => {
                        console.log(res);
                        uni.previewImage({
                            urls: res.tempFilePaths
                        })
                    }
                })
            }
        }
    }
</script>

<style>
    
</style>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM