Commit 30999c1ba75be7ebd3ce1679a63b72aff8be862c
Merge branch 'f-dev' into 'main'
fix:修复意见反馈图片上传大小 See merge request huang/thingskit-app!55
Showing
5 changed files
with
39 additions
and
15 deletions
| ... | ... | @@ -31,7 +31,8 @@ |
| 31 | 31 | <view class="info" style="margin-top: 15rpx;background: rgba(1, 1, 1, 0);"> |
| 32 | 32 | <view class="info-contain"> |
| 33 | 33 | <u-form-item label="图片" prop="feedbackInfo.images" borderBottom ref="item1"> |
| 34 | - <u-upload :sizeType="compressed" :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple :maxCount="6"></u-upload> | |
| 34 | + <u-upload :sizeType="compressed" :fileList="fileList1" | |
| 35 | + @afterRead="afterRead" @delete="deletePic" name="1" multiple :maxCount="6"></u-upload> | |
| 35 | 36 | </u-form-item> |
| 36 | 37 | </view> |
| 37 | 38 | </view> |
| ... | ... | @@ -89,12 +90,14 @@ export default { |
| 89 | 90 | 'feedbackInfo.phone': { |
| 90 | 91 | type: 'number', |
| 91 | 92 | min: 11, |
| 93 | + max:11, | |
| 92 | 94 | message: '请填写手机或者手机格式错误', |
| 93 | 95 | trigger: ['blur', 'change'] |
| 94 | 96 | }, |
| 95 | 97 | 'feedbackInfo.qq': { |
| 96 | 98 | type: 'number', |
| 97 | - min: 8, | |
| 99 | + min: 5, | |
| 100 | + max:10, | |
| 98 | 101 | message: '请填写qq或者qq格式错误', |
| 99 | 102 | trigger: ['blur', 'change'] |
| 100 | 103 | }, |
| ... | ... | @@ -134,25 +137,38 @@ export default { |
| 134 | 137 | let lists = [].concat(event.file); |
| 135 | 138 | let fileListLen = this[`fileList${event.name}`].length; |
| 136 | 139 | lists.map(item => { |
| 140 | + if(item.size>5242880){ | |
| 141 | + this[`fileList${event.name}`].push({ | |
| 142 | + ...item, | |
| 143 | + status: 'error', | |
| 144 | + message: '上传失败' | |
| 145 | + }); | |
| 146 | + }else{ | |
| 137 | 147 | this[`fileList${event.name}`].push({ |
| 138 | 148 | ...item, |
| 139 | 149 | status: 'uploading', |
| 140 | 150 | message: '上传中' |
| 141 | 151 | }); |
| 152 | + } | |
| 142 | 153 | }); |
| 143 | 154 | for (let i = 0; i < lists.length; i++) { |
| 144 | - const result = await this.uploadFilePromise(lists[i].url); | |
| 145 | - let item = this[`fileList${event.name}`][fileListLen]; | |
| 146 | - this[`fileList${event.name}`].splice( | |
| 147 | - fileListLen, | |
| 148 | - 1, | |
| 149 | - Object.assign(item, { | |
| 150 | - status: 'success', | |
| 151 | - message: '', | |
| 152 | - url: result | |
| 153 | - }) | |
| 154 | - ); | |
| 155 | - fileListLen++; | |
| 155 | + const judgeImageSize=lists[0].size | |
| 156 | + if(judgeImageSize>5242880){ | |
| 157 | + return uni.$u.toast('图片限定5M') | |
| 158 | + }else{ | |
| 159 | + const result = await this.uploadFilePromise(lists[i].url); | |
| 160 | + let item = this[`fileList${event.name}`][fileListLen]; | |
| 161 | + this[`fileList${event.name}`].splice( | |
| 162 | + fileListLen, | |
| 163 | + 1, | |
| 164 | + Object.assign(item, { | |
| 165 | + status: 'success', | |
| 166 | + message: '', | |
| 167 | + url: result | |
| 168 | + }) | |
| 169 | + ); | |
| 170 | + fileListLen++; | |
| 171 | + } | |
| 156 | 172 | } |
| 157 | 173 | }, |
| 158 | 174 | uploadFilePromise(url) { |
| ... | ... | @@ -174,12 +190,16 @@ export default { |
| 174 | 190 | formData: {}, |
| 175 | 191 | success: res => { |
| 176 | 192 | setTimeout(() => { |
| 177 | - if (res) { | |
| 193 | + if(res.statusCode===200){ | |
| 194 | + if(res.data){ | |
| 178 | 195 | let objImage = JSON.parse(res.data); |
| 179 | 196 | if (this.feedbackData.feedbackInfo.images.length < 6) { |
| 180 | 197 | this.feedbackData.feedbackInfo.images.push(objImage.fileStaticUri); |
| 181 | 198 | } |
| 182 | 199 | resolve(res.data?.fileStaticUri); |
| 200 | + } | |
| 201 | + }else{ | |
| 202 | + return uni.$u.toast('图片上传失败') | |
| 183 | 203 | } |
| 184 | 204 | }, 1000); |
| 185 | 205 | } | ... | ... |