一、优化vk-uview-ui的upload组件
1、修改limitType,支持视频扩展
limitType: {
type: Array,
default() {
// 支付宝小程序真机选择图片的后缀为"image"
// https://opendocs.alipay.com/mini/api/media-image
return ["png", "jpg", "jpeg", "webp", "gif", "image", "mp4", "mov", "avi"];
}
},
2、修改image标签,增加对选择视频时的预览图片支持
修改methods中的selectFile方法
修改checkFileExt方法
使用 uni.chooseMedia API 来选择包含图片和视频的文件
<image @tap.stop="doPreviewImage(item.url || item.path, index)" class="u-preview-image" v-if="!item.isImage" :src="item.file.thumbTempFilePath || item.url || item.path" :mode="imageMode"></image>
selectFile() {
let that = this;
if (that.disabled) return;
const { name = "", maxCount, multiple, maxSize, sizeType, camera, compressed, maxDuration, sourceType } = that;
let chooseFile = null;
let lists = JSON.parse(JSON.stringify(that.lists));
c

最低0.47元/天 解锁文章
2478





