Some checks failed
CI / Test (ubuntu-latest) (push) Has been cancelled
CI / Test (windows-latest) (push) Has been cancelled
CI / Lint (ubuntu-latest) (push) Has been cancelled
CI / Lint (windows-latest) (push) Has been cancelled
CI / Check (ubuntu-latest) (push) Has been cancelled
CI / Check (windows-latest) (push) Has been cancelled
CodeQL / Analyze (javascript-typescript) (push) Has been cancelled
Deploy Website on push / Deploy Push Playground Ftp (push) Has been cancelled
Deploy Website on push / Deploy Push Docs Ftp (push) Has been cancelled
Deploy Website on push / Deploy Push Antd Ftp (push) Has been cancelled
Deploy Website on push / Deploy Push Element Ftp (push) Has been cancelled
Deploy Website on push / Deploy Push Naive Ftp (push) Has been cancelled
Release Drafter / update_release_draft (push) Has been cancelled
CI / CI OK (push) Has been cancelled
Deploy Website on push / Rerun on failure (push) Has been cancelled
Lock Threads / action (push) Has been cancelled
Issue Close Require / close-issues (push) Has been cancelled
Close stale issues / stale (push) Has been cancelled
43 lines
1.0 KiB
TypeScript
43 lines
1.0 KiB
TypeScript
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 };
|