Calling `new Image()` in server side rendering raises ReferenceError Image is not defined

Reproduction link

https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/components/image/image.directive.ts#L110 https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/components/graph/core/minimap.ts#L189 https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/components/upload/upload-list.component.ts#L140

Steps to reproduce

Error is immediately raised when the application is initing in SSR

What is expected?

No error should be raised

What is actually happening?

Looking at the source code in the graph, image, and upload-list component, I can see that a new instance of the class Image is created by doing this:

const img = new Image();

As documented in the MDN spec, Image is just a wrapper around document.createElement('img') which directly accesses the document object which is forbidden for SSR usage.

Environment	Info
ng-zorro-antd	11.3.0
Browser	Chrome 89

I found a way to solve this problem. Firstly, the document object is injected as follow

@Inject(DOCUMENT) private document: any

and then I can use that document variable to create the image as follow

const img = this.document.createElement('img');

If you accept this solution, I think I can help by creating a PR for this issue.

NG-ZORRO / ng-zorro-antd