Upload Image file unable to view

I have upload a image file.
Image has successfully uploaded at files/ folder

When I try to view the file it is showing blank and when I click on it
it give a error message “This Image fail to load”

When I hover the move the image url is showing as
…/api/file/?session=ksCzq1fs7NF8HY0tMigZz4UFa8G5KMNYO3kpOQb78DM.&token=1iAj6vLOIzlot6CcHxspyQ…&fn=A76_DxHlSi8ALR_j9eTmMoJfLasqu7C782qSmaX2ddsny5RNPArqIcXNjfTGuk4VNDyAzQ…

You may try go to the URL directly in your browser and see if there is any PHP error. You can also press F12 and go to the Network panel (see https://developers.google.com/web/tools/chrome-devtools/network) to check the HTTP response from the API.

When I check F12 , I have got the error as -

DevTools failed to load SourceMap: Could not parse content for …/jquery/jsrender.min.js.map: Unexpected end of JSON input

You may ignore it, source map doesn’t matter. Check the Network panel as suggested above, not the Console panel.

I am very confuse where to find the error.
In the Network Panel → Response
it shows the error as
“This request has no response data available”

When I recheck my field setup it is not not only on resize Image.
I have remove the resize image then it show the image

But When I select the resize image and width = 200 and height =200
then the image is not showing

I recheck the GD Extension in the phpinfo, it is enabled.

bui wrote:

When I hover the move the image url is showing as
…/api/file/?session=ksCzq1fs7NF8HY0tMigZz4UFa8G5KMNYO3kpOQb78DM.&token=1iAj6vLOIzlot6CcHxspyQ…&fn=A76_DxHlSi8ALR_j9eTmMoJfLasqu7C782qSmaX2ddsny5RNPArqIcXNjfTGuk4VNDyAzQ…

Then you need to check the HTTP response for above HTTP request in the Network panel. Find the request, click it, check the response. If no response data, make sure you have enabled Tools → Debug and you have configured your PHP to display errors.

Make sure you use PHP 5.6 or newer, see system requirements: https://phpmaker.dev/download.php.