MongoDB
 sql >> база данни >  >> NoSQL >> MongoDB

Най-добрият начин за съхраняване на изображения в уеб приложение MERN стек

Една опция е да качите изображението в Cloudinary в страната на клиента и запазете върнатия URL адрес в MongoDB с вашия собствен API. Cloudinary прави повече от това да хоства вашите изображения, но също така се справя с манипулиране и оптимизиране на изображения и други.

По принцип това, което ще трябва да направите е:

  1. Регистрирайте се за акаунт в Cloudinary
  2. Отидете в Настройки -> Качване
  3. Добавете „предварителна настройка за качване“ с „Неподписан режим“, за да активирате неподписано качване в Cloudinary

Тогава вашата функция за качване може да бъде нещо подобно:

async function uploadImage(file) { // file from <input type="file"> 
  const data = new FormData();
  data.append("file", file);
  data.append("upload_preset", NAME_OF_UPLOAD_PRESET);

  const res = await fetch(
    `https://api.cloudinary.com/v1_1/${YOUR_ID}/image/upload`,
    {
      method: "POST",
      body: data,
    }
  );
  const img = await res.json();
  // Post `img.secure_url` to your server and save to MongoDB
}


  1. Redis
  2.   
  3. MongoDB
  4.   
  5. Memcached
  6.   
  7. HBase
  8.   
  9. CouchDB
  1. Как да конвертирате bson в json ефективно с mongo-go-driver?

  2. MongoDB на машина с Windows 7:Не може да се осъществи връзка

  3. Обединете с $sum в mongodb

  4. Как да актуализирам база данни MongoDb в Java?

  5. MongoDB и големи набори от данни при използване на модел на хранилище