快递网站模板,企业网站建设市场前景,网站首页确认书,wordpress蜘蛛插件uni.chooseImage的返回值在H5平台和其他平台的返回值有所差异#xff0c;具体差异看下图 根据图片可以看出要想判断上传的文件类型是不能直接使用type进行判断的#xff0c;所以我使用截取字符串的形式来判断#xff0c;当前上传图片的后缀名是否符合所需要求。 要求#…uni.chooseImage的返回值在H5平台和其他平台的返回值有所差异具体差异看下图 根据图片可以看出要想判断上传的文件类型是不能直接使用type进行判断的所以我使用截取字符串的形式来判断当前上传图片的后缀名是否符合所需要求。 要求 上传的图片大小要在4M以内图片的格式为JPG、PNG、JPGE除此之外的图片都不符合要求。 代码实现 view classphotoview classitem-lefttext classrequired*/text形象照/viewview classtips请上传真实形象照图片大小在4M以内图片格式仅支持JPG、PNG、JPEG/viewview classpicker clickhandlePickerimage :srcformData.photo modeaspectFill v-ifformData.photo /uni-icons v-else typeplusempty size70rpx colorrgba(16, 16, 16, 0.34)/uni-icons/view /view const handlePicker (e : any) {uni.chooseImage({count: 1,success: function ({ tempFiles, tempFilePaths }) {const size tempFiles[0].size / 1024 / 1024; // 计算文件大小单位Mconst extension tempFilePaths[0].split(.).pop();const arr [jpg, png, jpeg]; // 允许的图片格式列表if (size 4) {uni.showToast({ title: 图片大小不能超过4M, icon: none });} else if (extension !arr.includes(extension)) {uni.showToast({ title: 图片格式仅支持JPG、PNG、JPEG, icon: none });} else {formData.photo tempFilePaths[0]}}});} 效果图