Loading images from other sites?

Posted In HTML & CSS
  • jhon-micky 2 months ago
    Hello everyone,,,,
    I'm trying to build a page that basically just uses Gelbooru's API, I'm using for entirely personal/meme purposes.
    
    Here's my problem:
    [https://showbox.bio/](https://showbox.bio//) [https://tutuapp.uno/](https://tutuapp.uno/) [https://vidmate.vet/](https://vidmate.vet/)
    I can't load images that I don't click on myself.
    
    If I inspect the page, and open the image, I can view it after I reload the page. If I right click the icon that appears for failed to load images, I cannot open the image (404).
    
    Despite this, only previously loaded images work.
    
    The image's URL does not change between the linked URL and the 404ing URL.
    
    The console when I view my page is FILLED, absolutely filled with 503 errors.
    
    What can I do to get around this?
    
    edit: I fixed it pretty quickly. The Gelbooru site adds a sample thumbnail image url which does not note the referrer tag in the header of the requests, so I could just use that if I wanted to, but since I wanted the option to be able to use high definition images, I simply added this bit of information in the header of my HTML file:
    
    <meta name="referrer" content="no-referrer" />
    This pretty much made me completely able to use full definition images from the site, but they load pretty quickly so I keep the sample thumbnail for now.
    
    And btw, don't worry about me linking to other sites, I'm perfectly aware of what can happen in this way, but I don't think the Gelbooru staff can pinpoint my ip among thousands potentially accessing their API every hour (discord bots, other sites, viewers using scraper programs, etc.).
    
    In the mean time, I was able to add a base64 converter so I'm not even having my user make requests if I want, the server can do the requests and encoding for me all at once if I specify.
    
    So yeah, problem solved I guess, it was just the referrer in the header that tipped Gelbooru off and had them give me a fake 404 (actually a 503).
    
    

    Hello everyone,,,, I'm trying to build a page that basically just uses Gelbooru's API, I'm using for entirely personal/meme purposes.

    Here's my problem: https://showbox.bio/ https://tutuapp.uno/ https://vidmate.vet/ I can't load images that I don't click on myself.

    If I inspect the page, and open the image, I can view it after I reload the page. If I right click the icon that appears for failed to load images, I cannot open the image (404).

    Despite this, only previously loaded images work.

    The image's URL does not change between the linked URL and the 404ing URL.

    The console when I view my page is FILLED, absolutely filled with 503 errors.

    What can I do to get around this?

    edit: I fixed it pretty quickly. The Gelbooru site adds a sample thumbnail image url which does not note the referrer tag in the header of the requests, so I could just use that if I wanted to, but since I wanted the option to be able to use high definition images, I simply added this bit of information in the header of my HTML file:

    And btw, don't worry about me linking to other sites, I'm perfectly aware of what can happen in this way, but I don't think the Gelbooru staff can pinpoint my ip among thousands potentially accessing their API every hour (discord bots, other sites, viewers using scraper programs, etc.).

    In the mean time, I was able to add a base64 converter so I'm not even having my user make requests if I want, the server can do the requests and encoding for me all at once if I specify.

    So yeah, problem solved I guess, it was just the referrer in the header that tipped Gelbooru off and had them give me a fake 404 (actually a 503).

  • madi-reet 2 months ago
    The authors are guide us in this post. The author wants to say this post, that sometimes it does not open some websites or error. You can visit this [https://blogs.cornell.edu/react/2019/04/17/how-hr-technology-will-reshape-careers/](https://blogs.cornell.edu/react/2019/04/17/how-hr-technology-will-reshape-careers/) site which will helpful in your thesis work. But the writer has taken the solution to the problem, which he told us in this post. I am thankful to the author for help us.

    The authors are guide us in this post. The author wants to say this post, that sometimes it does not open some websites or error. You can visit this https://blogs.cornell.edu/react/2019/04/17/how-hr-technology-will-reshape-careers/ site which will helpful in your thesis work. But the writer has taken the solution to the problem, which he told us in this post. I am thankful to the author for help us.

  • lovelash-singh 1 month ago
    Your browser is cacheing the images you view and loading them from cache when you reload the page. That is why the ones you click are working.
    
    Hotlinking images from another site is bad form. You’re essentially using someone else’s bandwidth to put images in your page. A lot of sites will have server configurations to not allow this (hence the 404 and 503 errors).
    
    If it’s an API for images they should have a special way to link images, possibly using a personal API key you have to obtain from them.
    
    Regards, [9Apps APK](https://get-9apps.com) [Vidmate APK](https://installvidmate.com) [Cartoon HD](https://get-cartoonhd.com)

    Your browser is cacheing the images you view and loading them from cache when you reload the page. That is why the ones you click are working.

    Hotlinking images from another site is bad form. You’re essentially using someone else’s bandwidth to put images in your page. A lot of sites will have server configurations to not allow this (hence the 404 and 503 errors).

    If it’s an API for images they should have a special way to link images, possibly using a personal API key you have to obtain from them.

    Regards, 9Apps APK Vidmate APK Cartoon HD

  • yoan-jericko 5 days ago
    Hotlinking images from another site is bad form. You’re essentially using someone else’s bandwidth to put images in your page. A lot of sites will have server configurations to not allow this (hence the 404 and 503 errors).

    Hotlinking images from another site is bad form. You’re essentially using someone else’s bandwidth to put images in your page. A lot of sites will have server configurations to not allow this (hence the 404 and 503 errors).

Please login or signup to leave a response.

Login

or Sign Up

Sign Up

or Login
×
Want to create your own SAAS?

I can teach you to create your own Software as a Service. Click here to learn more!

Visit SAAS Adventure!