# I am Getting a Blank Image for Unsplash API
**URL:** https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821
**Category:** web dev
**Created:** [November 30, 2021, 5:46am UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821 "2021-11-30T05:46:27Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@Pragati\_Sahane](https://forum.kirupa.com/u/Pragati_Sahane)
#### Post date: [November 30, 2021, 5:46am UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821/1 "2021-11-30T05:46:28Z")
```auto
[
](https://)
```
---
### Author:  [@Pragati\_Sahane](https://forum.kirupa.com/u/Pragati_Sahane)
#### Post date: [November 30, 2021, 5:47am UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821/2 "2021-11-30T05:47:39Z")
---
### Author:  [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [November 30, 2021, 5:48am UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821/3 "2021-11-30T05:48:42Z")
When you bring up your Console, do you see any errors? đ
For some background on the Console, in case you need it: [Console Logging Basics](https://www.kirupa.com/html5/console.htm)
---
### Author:  [@Pragati\_Sahane](https://forum.kirupa.com/u/Pragati_Sahane)
#### Post date: [December 2, 2021, 5:08am UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821/4 "2021-12-02T05:08:05Z")
ok thank you
---
### Author:  [@Pragati\_Sahane](https://forum.kirupa.com/u/Pragati_Sahane)
#### Post date: [December 2, 2021, 5:10am UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821/5 "2021-12-02T05:10:02Z")
this is the error i was getting
---
### Author:  [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [December 2, 2021, 5:20am UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821/6 "2021-12-02T05:20:21Z")
What kind of project are you building? Is it a web app? If so, please show me what you see in your browser console đ
(If you are just building a static web app and not an [ASP.net](http://ASP.net) app, you may want to try a different project template in Visual Studio that does minimal build-time processing!)
---
### Author:  [@Pragati\_Sahane](https://forum.kirupa.com/u/Pragati_Sahane)
#### Post date: [December 2, 2021, 5:41am UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821/7 "2021-12-02T05:41:55Z")
yes i am building a website using a xammp and as a output in browser i am getting a blank image.
---
### Author:  [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [December 2, 2021, 7:46pm UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821/8 "2021-12-02T19:46:08Z")
Can you share your browserâs console output?
---
### Author:  [@Pragati\_Sahane](https://forum.kirupa.com/u/Pragati_Sahane)
#### Post date: [December 3, 2021, 6:48am UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821/9 "2021-12-03T06:48:04Z")
ok
---
### Author:  [@Pragati\_Sahane](https://forum.kirupa.com/u/Pragati_Sahane)
#### Post date: [December 3, 2021, 6:48am UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821/10 "2021-12-03T06:48:38Z")
---
### Author:  [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [December 3, 2021, 8:21pm UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821/11 "2021-12-03T20:21:22Z")
I donât think you have shared your console output yet! That is a screenshot of the page itself. You bring it up through your browserâs built-in developer tools, and this article explains how you can bring it up: [Console Logging Basics](https://www.kirupa.com/html5/console.htm)
---
### Author:  [@Pragati\_Sahane](https://forum.kirupa.com/u/Pragati_Sahane)
#### Post date: [December 13, 2021, 4:23pm UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821/12 "2021-12-13T16:23:28Z")
---
### Author:  [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [December 13, 2021, 6:36pm UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821/13 "2021-12-13T18:36:02Z")
That helps! Based on the error message, in your code, you have the `clientID` variable lowercased as `clientId`. If you address that, this error will go away.
---
### Author:  [@Pragati\_Sahane](https://forum.kirupa.com/u/Pragati_Sahane)
#### Post date: [December 22, 2021, 3:40am UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821/15 "2021-12-22T03:40:55Z")
ok thank you
---
### Author:  [@Pragati\_Sahane](https://forum.kirupa.com/u/Pragati_Sahane)
#### Post date: [December 22, 2021, 4:04am UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821/16 "2021-12-22T04:04:33Z")
still getting error with the json now
---
### Author:  [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [December 22, 2021, 4:59am UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821/17 "2021-12-22T04:59:38Z")
When you click on the **1.html:66** link in the console, what line is getting highlighted?
---
### Author:  [@Pragati\_Sahane](https://forum.kirupa.com/u/Pragati_Sahane)
#### Post date: [December 22, 2021, 5:36am UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821/18 "2021-12-22T05:36:47Z")
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading âregularâ)
---
### Author:  [@Pragati\_Sahane](https://forum.kirupa.com/u/Pragati_Sahane)
#### Post date: [December 22, 2021, 5:38am UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821/19 "2021-12-22T05:38:14Z")
like this i am getting the above error âŚ
imageElement.src = jsonData.urls.regular;------for this line
---
### Author:  [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [December 22, 2021, 7:18pm UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821/20 "2021-12-22T19:18:00Z")
The reason is that your API call isnât using the **random** path, which is what this example is built around. You are querying for âcarsâ, which returns a JSON object that is quite different and wonât have the `urls` property on it.
For working with the **cars** query, here is how your script should be modified:
```auto
let clientID = "MITl6hg33kb2Noixd7Zc0c7n8uURvDsfy0tqeMhuKGw"
let endpoint = `https://api.unsplash.com/search/photos?query=cars&client_id=${clientID}`;
let imageElement = document.querySelector("#unsplashImage");
let imageLink = document.querySelector("#imageLink");
fetch(endpoint)
.then(function (response) {
return response.json();
})
.then(function (jsonData) {
console.log(jsonData);
imageElement.src = jsonData.results[0].urls.regular;
imageLink.setAttribute("href", jsonData.results[0].links.html);
});
```
Below, you can see how I used the console to inspect this and figure out what to display đ
---
### Author:  [@Pragati\_Sahane](https://forum.kirupa.com/u/Pragati_Sahane)
#### Post date: [December 23, 2021, 4:37am UTC](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821/21 "2021-12-23T04:37:11Z")
thank you âŚbut i was not getting achanging image when i refreshed the page i still getting the same image only
[Next page](https://forum.kirupa.com/t/i-am-getting-a-blank-image-for-unsplash-api/649821.md?page=2)