fix: 🐛 下载失败时重试3次

#311

Author: hymbz

src/components/Manga/components/DownloadButton.tsx

@@ -53,7 +53,7 @@ export const DownloadButton = () => {
       let fileName: string;
       const index = `${i}`.padStart(imgIndexNum, '0');
       try {
-        data = await downloadImg(url);
+        data = await downloadImg(url, undefined, 3);
         fileName = img.name || `${index}.${getExtName(data.type)}`;
       } catch {
         fileName = `${index} - ${t('alert.download_failed')}`;

src/components/Manga/helper.ts

@@ -21,6 +21,7 @@ export const playAnimation = (e?: HTMLElement) => {
 export const downloadImg = async (
   imgUrl: string,
   details?: RequestDetails<Blob>,
+  retryNum = 0,
 ) => {
   const url = store.imgMap[imgUrl]?.blobUrl ?? imgUrl;
 
@@ -29,7 +30,7 @@ export const downloadImg = async (
     return res.blob();
   }
 
-  const res = await _downloadImg(url, details);
+  const res = await _downloadImg(url, details, retryNum);
   if (Reflect.has(store.imgMap, imgUrl))
     setState('imgMap', imgUrl, 'blobUrl', URL.createObjectURL(res));
   return res;

src/request.ts

@@ -179,19 +179,24 @@ export const downloadImgHeaders = {
 export const downloadImg = async (
   url: string,
   details?: RequestDetails<Blob>,
+  retryNum = 0,
 ) => {
   if (url.startsWith('blob:')) {
     const res = await fetch(url);
     return res.blob();
   }
 
-  const res = await request<Blob>(url, {
-    responseType: 'blob',
-    errorText: t('translation.tip.download_img_failed'),
-    headers: downloadImgHeaders,
-    retryFetch: true,
-    ...details,
-  });
+  const res = await request<Blob>(
+    url,
+    {
+      responseType: 'blob',
+      errorText: t('translation.tip.download_img_failed'),
+      headers: downloadImgHeaders,
+      retryFetch: true,
+      ...details,
+    },
+    retryNum,
+  );
 
   return res.response;
 };