怀远做网站,沧州高端网站建设公司,祝贺公司网站上线,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]}}});}
效果图
