Blame view

Yi.Vben5.Vue3/packages/effects/request/src/request-client/modules/uploader.ts 1.02 KB
515fceeb   “wangming”   框架初始化
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
  import type { RequestClient } from '../request-client';
  import type { RequestClientConfig } from '../types';
  
  import { isUndefined } from '@vben/utils';
  
  class FileUploader {
    private client: RequestClient;
  
    constructor(client: RequestClient) {
      this.client = client;
    }
  
    public async upload<T = any>(
      url: string,
      data: Record<string, any> & { file: Blob | File },
      config?: RequestClientConfig,
    ): Promise<T> {
      const formData = new FormData();
  
      Object.entries(data).forEach(([key, value]) => {
        if (Array.isArray(value)) {
          value.forEach((item, index) => {
            !isUndefined(item) && formData.append(`${key}[${index}]`, item);
          });
        } else {
          !isUndefined(value) && formData.append(key, value);
        }
      });
  
      const finalConfig: RequestClientConfig = {
        ...config,
        headers: {
          'Content-Type': 'multipart/form-data',
          ...config?.headers,
        },
      };
  
      return this.client.post(url, formData, finalConfig);
    }
  }
  
  export { FileUploader };