ow can I solve the issue of different functions of images when accessing through Google Chrome?

In the context of AWS, there are several factors by which you are causing this particular issue. Some causes are like

Browser specific features

User-agent difference

The policies of CORC

Browser rendering engine

Here are the strategies given for how you can mitigate this particular issue:-

Feature detection

You can try to implement feature detection techniques in the serverless application to determine the browser capabilities dynamically. This would allow you to adapt its behavior based on the capabilities supported by the browser.

Polyfills

You can use polyfills to provide a fallback implementation for missing or incomplete features of the browser.

Browser testing

You should check your browser including Google Chrome, firefox, safari, etc.

Debugging and logging

You can try to implement logging and debugging capabilities in the serverless application to track the browser-specified errors or even inconsistencies.

Here is a basic example given of how you can implement feature detection in JavaScript to adapt the image processing functionality based on the browser capabilities:-

// Check if the browser supports the FileReader API for reading files

If (window.FileReader) {
    // Browser supports FileReader API
    // Implement image processing logic using FileReader for reading files
} else {
    // Browser does not support FileReader API
    // Implement fallback logic or display an error message
}