提莫小王子
提莫小王子
  • 发布:2025-02-10 16:39
  • 更新:2025-02-10 17:38
  • 阅读:55

vue3 cli 项目 uni.chooseMedia 无法使用 都已经更新到最新版

分类:HBuilderX

vue3 cli 项目 uni.chooseMedia 无法使用 都已经更新到最新版

所有信息都通过截图展示,请问到底现在怎么着才可以用 uni.chooseMedia 这个api,很急啊!

2025-02-10 16:39 负责人:DCloud_iOS_WZT 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

这个现在只有在 alpha 版上,你得使用 npx @dcloudio/uvm@latest alpha 来更新依赖

  • 提莫小王子 (作者)

    用上了,但是苹果有问题,公司测试机,暂时不清楚ios版本,安卓机没问题;错误就是,无法回显,示例代码在下一楼,cli版本是 3.0.0-alpha-4050220250208001

    2025-02-10 19:31

  • 提莫小王子 (作者)

    <template>  
    <view style="padding: 30rpx;">
    <button @tap="chooseMedia">视频图片混选</button>
    <template v-for="(file,f) in tempFiles">
    <image class="preview" mode="aspectFill" :src="file.tempFilePath" v-if="file.fileType === 'image'" :key="f"></image>
    <video class="preview" :controls="true" :poster="file.thumbTempFilePath" :src="file.tempFilePath" v-if="file.fileType === 'video'" :key="f"></video>
    </template>
    <pre v-text="tempFiles"></pre>
    </view>
    </template>

    <script>
    export default {
    data() {
    return {
    title: 'Hello',
    tempFiles: []
    }
    },
    onLoad() {
    },
    methods: {
    chooseMedia() {
    uni.chooseMedia({
    success: ({tempFiles}) => {
    this.tempFiles = tempFiles;
    }
    })
    }
    },
    }
    </script>

    <style>
    .preview {
    width: 100%;
    aspect-ratio: 16/9;
    background-color: #f8f8f8;
    margin-top: 30rpx;
    }
    </style>

    2025-02-10 19:32

  • 提莫小王子 (作者)

    再苹果上,<image class="preview" mode="aspectFill" :src="file.tempFilePath" v-if="file.fileType === 'image'" :key="f"></image> 无法回显图片

    2025-02-10 19:32

  • 提莫小王子 (作者)

    补充一下,我说没有权限的意思不是说没有相册权限,是选完图片+视频后(混着选),视频可以正常回显(包括缩略图),图片完全无法回显

    2025-02-10 19:34

要回复问题请先登录注册