How to Set Up Our Image Hosting API on Your E-Commerce App or Website

#ecommerce #imagehost #images #shoping

When building an e-commerce app or website, managing product images efficiently is crucial. High-resolution photos directly impact user experience and conversion rates. Our Image Hosting API makes it simple to upload, manage, and deliver product images without worrying about bandwidth limits or hidden costs.

In this guide, we’ll walk through how to set up our API in your e-commerce app or site.

Why Use Our Image Hosting API?

Flat pricing – no bandwidth billing, just per-request pricing.
High upload limit – 35 MB per image (5–10x higher than Cloudinary or others).
No auto-delete – your product images stay online.
Flexible uploads – support for binary files, base64, or image URLs.
Free tier available – perfect to test integration before scaling.

👉 Get your API key on RapidAPI: Upload Images Hosting API

For higher usage and bulk plans: Dishis Tech Store

Step 1: Get Your API Key

Sign up on RapidAPI.
Subscribe to a plan that fits your needs.
Copy your API key from the dashboard.

Step 2: Upload an Image

Here’s an example request in JavaScript (fetch):

const url = "https://upload-images-hosting-get-url.p.rapidapi.com/upload";
const data = new FormData();
data.append("image", fileInput.files[0]); // your product image file

fetch(url, {
  method: "POST",
  headers: {
    "X-RapidAPI-Key": "YOUR_API_KEY",
    "X-RapidAPI-Host": "upload-images-hosting-get-url.p.rapidapi.com"
  },
  body: data
})
  .then(response => response.json())
  .then(result => console.log(result))
  .catch(error => console.error(error));

Step 3: Example API Response

The API returns structured JSON with multiple image URLs (viewer, direct link, thumbnail, medium).

{
  "data": {
    "id": "Ps9FZHtW",
    "title": "string",
    "url_viewer": "https://ibb.co/Ps9FZHtW",
    "url": "https://i.ibb.co/j9WbvXHw/string.png",
    "display_url": "https://i.ibb.co/CpMm5GW9/string.png",
    "width": 1280,
    "height": 692,
    "size": 96415,
    "image": {
      "filename": "string.png",
      "url": "https://i.ibb.co/j9WbvXHw/string.png"
    },
    "thumb": {
      "url": "https://i.ibb.co/Ps9FZHtW/string.png"
    },
    "medium": {
      "url": "https://i.ibb.co/CpMm5GW9/string.png"
    },
    "delete_url": "https://ibb.co/Ps9FZHtW/9205a77cc5c27603389188d7e0e71df3"
  },
  "success": true,
  "status": 200
}

Step 4: Integrate Into Your E-Commerce Workflow

Product Upload Flow:
- Let sellers/admins upload product images via your dashboard.
- Call our API to store the images.
- Save the returned url or display_url in your database.
Frontend Display:
- Use the url for product detail pages.
- Use the thumb for category and search result pages.
- Use the medium for cart or recommendation widgets.

Step 5: Manage Storage and Scaling

Use delete_url for removing outdated product images.
Start with Free or Pro plan on RapidAPI, then scale to Mega or Biz plans.
For high-traffic e-commerce sites, check our Bulk plan at Dishis Tech Store.