65 lines
1.9 KiB
TypeScript
65 lines
1.9 KiB
TypeScript
import { apiBase, CLIENT_APP, getToken, clearAuth } from './api';
|
|
import {
|
|
compressImageFileIfNeeded,
|
|
DEFAULT_OSS_MAX_UPLOAD_BYTES,
|
|
formatOssMaxSizeMb,
|
|
} from '@dukang/shared-ui/compressImage';
|
|
|
|
export type OssMediaType = 'IMAGE' | 'VIDEO' | 'FILE';
|
|
|
|
export type UploadFileResult = {
|
|
url: string;
|
|
ossKey: string;
|
|
bucket: string;
|
|
mock: boolean;
|
|
};
|
|
|
|
async function prepareUploadFile(file: File, mediaType: OssMediaType): Promise<File> {
|
|
if (mediaType !== 'IMAGE') return file;
|
|
const compressed = await compressImageFileIfNeeded(file);
|
|
if (compressed.size > DEFAULT_OSS_MAX_UPLOAD_BYTES) {
|
|
throw new Error(`图片压缩后仍超过 ${formatOssMaxSizeMb()}MB，请换一张较小的图片`);
|
|
}
|
|
return compressed;
|
|
}
|
|
|
|
/** 经 API 服务端转存 OSS，避免浏览器直传跨域 */
|
|
export async function uploadFileToOss(
|
|
file: File,
|
|
options: { bizType: string; mediaType?: OssMediaType },
|
|
): Promise<UploadFileResult> {
|
|
const mediaType = options.mediaType ?? (file.type.startsWith('video/') ? 'VIDEO' : 'IMAGE');
|
|
const prepared = await prepareUploadFile(file, mediaType);
|
|
const formData = new FormData();
|
|
formData.append('file', prepared);
|
|
formData.append('bizType', options.bizType);
|
|
formData.append('mediaType', mediaType);
|
|
|
|
const headers: Record<string, string> = {
|
|
'X-Client-App': CLIENT_APP,
|
|
};
|
|
const token = getToken();
|
|
if (token) headers.Authorization = `Bearer ${token}`;
|
|
|
|
const res = await fetch(`${apiBase}/common/resources/upload`, {
|
|
method: 'POST',
|
|
headers,
|
|
body: formData,
|
|
});
|
|
const json = await res.json();
|
|
if (json.code === 401) {
|
|
clearAuth();
|
|
window.location.href = '/login';
|
|
throw new Error('未登录');
|
|
}
|
|
if (json.code !== 0) throw new Error(json.message || '上传失败');
|
|
|
|
const data = json.data as UploadFileResult;
|
|
return {
|
|
url: data.url,
|
|
ossKey: data.ossKey,
|
|
bucket: data.bucket,
|
|
mock: data.mock,
|
|
};
|
|
}
|