title: Blob() in a response isn't displaying original image url but size and type
body: <p>Though I don't I have any error but instead of displaying the image as it displays perfectly on POSTMAN. I used res.json(), I received "unexpected token &lt; in position 0". Then I tried res.text() and I can use res.blob() but when I used it with url = URL.createObjectURL(blob). I got a different file name which cannot be retrieved from API for display. 
  I know there are several references on stack overflow but different from what I intend to do and it is becoming complex as I try so many options.</p>
  
  <pre><code>fetch(url, {
                method: 'POST',
                body: uploadData,
                headers: {
                  // 'X-Requested-With': 'XMLHttpRequest',
                  // 'Accept': 'application/json',
                  'Authorization': 'Bearer ' + this.bearerToken,
                  // 'Content-Type': 'multipart/form-data',
                }
              }).then(res =&gt; res.blob()).then((response) =&gt; {
                if (response) {
                  console.log(response);
                  // const slashIndex = response.lastIndexOf('/');
                  // const filename = response.substring(slashIndex + 1);
                  // this.openUploadConfirmDialog(filename, shareOption);
                }
              }).catch((error) =&gt; {
                if (error) {
                  console.log('Error', error);
                  this.snackBar.open('Unable to upload image, Try again later!', '', {duration: 4000});
                }
              });
            }
          });
  </code></pre>
  
  <p>And this is the API, </p>
  
  <p>This is the return response; return </p>
  
  <pre><code>response()-&gt;file(storage_path('app/uploads/images/'.$exportName));
  </code></pre>
  
  <p>Thanks </p>