Loading images from other sites?

Posted In HTML & CSS
  • jhon-micky 7 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 6 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 6 months 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 months 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).

  • movierulz 3 months ago
    Thank you for posting this on the forum. I think so that I just have a reply for you, friend. A number of times, there are certain websites that have heavy themed plugins installed (espeically the WordPress ones). Those users who have an OTT (over the top) type internet connection, they can easily load those images. However, those users who try this on slower internet connections (3G or less) or if the connection is unstable, it may never load up. [Watchcartoonsonline](https://www.cartoonhdworld.com/watchcartoonsonline/) and [movierulz](https://www.moviesrulz24.in) are very light and whenever I try to load up the images here, they easily load up. I have a 20 Mbps connection though, which is decent and very inexpensive. I really love the internet connection of mine.

    Thank you for posting this on the forum. I think so that I just have a reply for you, friend. A number of times, there are certain websites that have heavy themed plugins installed (espeically the WordPress ones). Those users who have an OTT (over the top) type internet connection, they can easily load those images. However, those users who try this on slower internet connections (3G or less) or if the connection is unstable, it may never load up. Watchcartoonsonline and movierulz are very light and whenever I try to load up the images here, they easily load up. I have a 20 Mbps connection though, which is decent and very inexpensive. I really love the internet connection of mine.

  • mireles-mireles 3 months ago
    I think this is an informative post and it is very beneficial and knowledgeable. Therefore, I would like to thank you for the endeavors that you have made in writing this article. All the content is absolutely well-researched. Thanks
    ___________________________________________________________________________________________
    [Latest Version FMWhatsApp Apk 2019 ](https://gbapps.net/fmwhatsapp-apk-download/)

    I think this is an informative post and it is very beneficial and knowledgeable. Therefore, I would like to thank you for the endeavors that you have made in writing this article. All the content is absolutely well-researched. Thanks


    Latest Version FMWhatsApp Apk 2019

  • jordi-meldon-1 1 week ago
    This blog gives us knowledge about physical education and this blog gives some key information about his coaches. [Bob Movies](https://cranefest.com/bobmovies-alternative/) So I am glad to found these types of articles. Hats off mate you wroke a fabulous article and I would like to thank the admin he or she did a polite job here.

    This blog gives us knowledge about physical education and this blog gives some key information about his coaches. Bob Movies So I am glad to found these types of articles. Hats off mate you wroke a fabulous article and I would like to thank the admin he or she did a polite job here.

  • jordi-meldon-1 1 week ago
    Wow, this is very interesting reading. [Amanda Fuller](https://mazeministry.com/amanda-fuller/) I found a lot of things which I need.  Great job on this content. I like it.

    Wow, this is very interesting reading. Amanda Fuller I found a lot of things which I need. Great job on this content. I like it.

  • samlam-lam 1 week ago
    Do you know how hard it is to find good SEO in this area? “I started an SEO business in this area to solve that problem.” 
    [123movies.net](http://trueclassics.net/123movies/)

    Do you know how hard it is to find good SEO in this area? “I started an SEO business in this area to solve that problem.” 123movies.net

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!