Commit 1f36af8e6a3c8a3b5f274df7180b075bb268254f
1 parent
b6cb6469
文件上传组件 FileUpload 上传报错的问题
Showing
2 changed files
with
11 additions
and
11 deletions
yudao-ui-admin/src/components/FileUpload/index.vue
| ... | ... | @@ -28,7 +28,7 @@ |
| 28 | 28 | <!-- 文件列表 --> |
| 29 | 29 | <transition-group class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul"> |
| 30 | 30 | <li :key="file.url" class="el-upload-list__item ele-upload-list__item-content" v-for="(file, index) in fileList"> |
| 31 | - <el-link :href="`${baseUrl}${file.url}`" :underline="false" target="_blank"> | |
| 31 | + <el-link :href="`${file.url}`" :underline="false" target="_blank"> | |
| 32 | 32 | <span class="el-icon-document"> {{ getFileName(file.name) }} </span> |
| 33 | 33 | </el-link> |
| 34 | 34 | <div class="ele-upload-list__item-content-action"> |
| ... | ... | @@ -72,11 +72,8 @@ export default { |
| 72 | 72 | return { |
| 73 | 73 | number: 0, |
| 74 | 74 | uploadList: [], |
| 75 | - baseUrl: process.env.VUE_APP_BASE_API, | |
| 76 | - uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload", // 上传的图片服务器地址 | |
| 77 | - headers: { | |
| 78 | - Authorization: "Bearer " + getAccessToken(), | |
| 79 | - }, | |
| 75 | + uploadFileUrl: process.env.VUE_APP_BASE_API + "/admin-api/infra/file/upload", // 请求地址 | |
| 76 | + headers: { Authorization: "Bearer " + getAccessToken() }, // 设置上传的请求头部 | |
| 80 | 77 | fileList: [], |
| 81 | 78 | }; |
| 82 | 79 | }, |
| ... | ... | @@ -121,8 +118,7 @@ export default { |
| 121 | 118 | } |
| 122 | 119 | const isTypeOk = this.fileType.some((type) => { |
| 123 | 120 | if (file.type.indexOf(type) > -1) return true; |
| 124 | - if (fileExtension && fileExtension.indexOf(type) > -1) return true; | |
| 125 | - return false; | |
| 121 | + return !!(fileExtension && fileExtension.indexOf(type) > -1); | |
| 126 | 122 | }); |
| 127 | 123 | if (!isTypeOk) { |
| 128 | 124 | this.$modal.msgError(`文件格式不正确, 请上传${this.fileType.join("/")}格式文件!`); |
| ... | ... | @@ -152,7 +148,8 @@ export default { |
| 152 | 148 | }, |
| 153 | 149 | // 上传成功回调 |
| 154 | 150 | handleUploadSuccess(res) { |
| 155 | - this.uploadList.push({ name: res.fileName, url: res.fileName }); | |
| 151 | + // edit by 芋道源码 | |
| 152 | + this.uploadList.push({ name: res.data, url: res.data }); | |
| 156 | 153 | if (this.uploadList.length === this.number) { |
| 157 | 154 | this.fileList = this.fileList.concat(this.uploadList); |
| 158 | 155 | this.uploadList = []; |
| ... | ... | @@ -181,7 +178,7 @@ export default { |
| 181 | 178 | for (let i in list) { |
| 182 | 179 | strs += list[i].url + separator; |
| 183 | 180 | } |
| 184 | - return strs != '' ? strs.substr(0, strs.length - 1) : ''; | |
| 181 | + return strs !== '' ? strs.substr(0, strs.length - 1) : ''; | |
| 185 | 182 | } |
| 186 | 183 | } |
| 187 | 184 | }; | ... | ... |
yudao-ui-admin/src/views/system/oauth2/client/index.vue
| ... | ... | @@ -70,7 +70,8 @@ |
| 70 | 70 | <el-input v-model="form.name" placeholder="请输入应用名" /> |
| 71 | 71 | </el-form-item> |
| 72 | 72 | <el-form-item label="应用图标"> |
| 73 | - <imageUpload v-model="form.logo" :limit="1"/> | |
| 73 | +<!-- <imageUpload v-model="form.logo" :limit="1"/>--> | |
| 74 | + <file-upload v-model="form.logo" :limit="1"/> | |
| 74 | 75 | </el-form-item> |
| 75 | 76 | <el-form-item label="应用描述"> |
| 76 | 77 | <el-input type="textarea" v-model="form.description" placeholder="请输入应用名" /> |
| ... | ... | @@ -104,10 +105,12 @@ import { createOAuth2Client, updateOAuth2Client, deleteOAuth2Client, getOAuth2Cl |
| 104 | 105 | import ImageUpload from '@/components/ImageUpload'; |
| 105 | 106 | import Editor from '@/components/Editor'; |
| 106 | 107 | import {CommonStatusEnum} from "@/utils/constants"; |
| 108 | +import FileUpload from "@/components/FileUpload"; | |
| 107 | 109 | |
| 108 | 110 | export default { |
| 109 | 111 | name: "OAuth2Client", |
| 110 | 112 | components: { |
| 113 | + FileUpload, | |
| 111 | 114 | ImageUpload, |
| 112 | 115 | Editor, |
| 113 | 116 | }, | ... | ... |