File tree Expand file tree Collapse file tree 2 files changed +20
-7
lines changed
components/UploadFile/src Expand file tree Collapse file tree 2 files changed +20
-7
lines changed Original file line number Diff line number Diff line change @@ -38,3 +38,8 @@ export const getFilePresignedUrl = (path: string) => {
38
38
export const createFile = ( data : any ) => {
39
39
return request . post ( { url : '/infra/file/create' , data } )
40
40
}
41
+
42
+ // 上传文件
43
+ export const updateFile = ( data : any ) => {
44
+ return request . upload ( { url : '/infra/file/upload' , data } )
45
+ }
Original file line number Diff line number Diff line change 1
- import { getAccessToken , getTenantId } from '@/utils/auth'
2
1
import * as FileApi from '@/api/infra/file'
3
2
import CryptoJS from 'crypto-js'
4
3
import { UploadRawFile , UploadRequestOptions } from 'element-plus/es/components/upload/src/upload'
5
- import { ajaxUpload } from 'element-plus/es/components/upload/src/ajax'
6
4
import axios from 'axios'
7
5
8
6
export const useUpload = ( ) => {
@@ -26,11 +24,21 @@ export const useUpload = () => {
26
24
return { data : presignedInfo . url }
27
25
} )
28
26
} else {
29
- // 模式二:后端上传(需要增加后端身份认证请求头)
30
- options . headers [ 'Authorization' ] = 'Bearer ' + getAccessToken ( )
31
- options . headers [ 'tenant-id' ] = getTenantId ( )
32
- // 使用 ElUpload 的上传方法
33
- return ajaxUpload ( options )
27
+ // 模式二:后端上传
28
+ // 重写 el-upload httpRequest 文件上传成功会走成功的钩子,失败走失败的钩子
29
+ return new Promise ( ( resolve , reject ) => {
30
+ FileApi . updateFile ( { file : options . file } )
31
+ . then ( ( res ) => {
32
+ if ( res . code === 0 ) {
33
+ resolve ( res )
34
+ } else {
35
+ reject ( res )
36
+ }
37
+ } )
38
+ . catch ( ( res ) => {
39
+ reject ( res )
40
+ } )
41
+ } )
34
42
}
35
43
}
36
44
You can’t perform that action at this time.
0 commit comments