ios-resize-image

Verify 3 ways to resize image and find out which is available in both PC browser and iOS safari. And check if uploaded file is an acceptable image file.

3 Methods

https://thundermiracle.com/blog/2020-12-21-ios-safari-resize-image/

1. FileReader.readAsDataURL

2. createImageBitmap

3. URL.createObjectURL

How to check if uploaded file is a real image

https://thundermiracle.com/blog/2021-07-11-how-to-check-uploaded-image-is-valid/

How to debug

https://thundermiracle.com/blog/en/2020-12-23-debug-nextjs-typescript-in-vscode/

Debug server side

1. Startup the project

   yarn dev

2. Add your breakpoints and startup Next:Node launch configuration.

Debug client side

1. Startup the project

   yarn dev

2. Add your breakpoints and Startup Next:Chrome lauch configuration.