fix: Upload preview should work with Blob (#17392)

* fix: Upload preview should work with Blob

* rm only

components/upload/UploadList.tsx

@@ -42,19 +42,22 @@ export default class UploadList extends React.Component<UploadListProps, any> {
       return;
     }
     (items || []).forEach(file => {
+      const isValidateFile =
+        file.originFileObj instanceof File || file.originFileObj instanceof Blob;
+
       if (
         typeof document === 'undefined' ||
         typeof window === 'undefined' ||
         !(window as any).FileReader ||
         !(window as any).File ||
-        !(file.originFileObj instanceof File) ||
+        !isValidateFile ||
         file.thumbUrl !== undefined
       ) {
         return;
       }
       file.thumbUrl = '';
       if (previewFile) {
-        previewFile(file.originFileObj).then((previewDataUrl: string) => {
+        previewFile(file.originFileObj as File).then((previewDataUrl: string) => {
           // Need append '' to avoid dead loop
           file.thumbUrl = previewDataUrl || '';
           this.forceUpdate();

components/upload/__tests__/uploadlist.test.js

@@ -506,14 +506,16 @@ describe('Upload List', () => {
     });
   });
 
-  it('customize previewFile support', async () => {
+  describe('customize previewFile support', () => {
+    function test(name, renderInstance) {
+      it(name, async () => {
         const mockThumbnail = 'mock-image';
         const previewFile = jest.fn(() => {
           return Promise.resolve(mockThumbnail);
         });
         const file = {
           ...fileList[0],
-      originFileObj: new File([], 'xxx.png'),
+          originFileObj: renderInstance(),
         };
         delete file.thumbUrl;
 
@@ -530,4 +532,9 @@ describe('Upload List', () => {
 
         expect(wrapper.find('.ant-upload-list-item-thumbnail img').prop('src')).toBe(mockThumbnail);
       });
+    }
+
+    test('File', () => new File([], 'xxx.png'));
+    test('Blob', () => new Blob());
+  });
 });

components/upload/interface.tsx

@@ -23,7 +23,7 @@ export interface UploadFile {
   status?: UploadFileStatus;
   percent?: number;
   thumbUrl?: string;
-  originFileObj?: File;
+  originFileObj?: File | Blob;
   response?: any;
   error?: any;
   linkProps?: any;