Store images in MongoDB via Python

||Nishant|| — Tue, 02 Mar 2021 07:22:08 +0000

Hello Coders,

This article will brief you about Storing the images in MongoDB via python code.

This is what want to achieve:

Dependencies

We will be using just 2 library dependencies, namely:

GridFS
PyMongo

What is GridFS?

GridFS is the MongoDB specification for storing and retrieving large files such as images, audio files, video files, etc. It is kind of a file system to store files but its data is stored within MongoDB collections. GridFS has the capability to store files even greater than its document size limit of 16MB.

What is pymongo?

The PyMongo distribution contains tools for interacting with MongoDB database from Python. The bson package is an implementation of the BSON format for Python. The pymongo package is a native Python driver for MongoDB. The gridfs package is a gridfs implementation on top of pymongo.

Now to Code

Connect to MongoDB

To install pymongo: pip3 install pymongo



from pymongo import MongoClient

# Connect to the server with the hostName and portNumber.
connection = MongoClient("localhost", 27017)

# Connect to the Database where the images will be stored.
database = connection['DB_NAME']

Store the Image in the MongoDB



import gridfs

#Create an object of GridFs for the above database.
fs = gridfs.GridFS(database)

#define an image object with the location.
file = "image-4.jpg"

#Open the image in read-only format.
with open(file, 'rb') as f:
    contents = f.read()

#Now store/put the image via GridFs object.
fs.put(contents, filename="file")

That's it for now.
Thanks for reading

Deploy any web app to Vercel

||Nishant|| — Fri, 04 Sep 2020 15:58:06 +0000

Here is a quick and simple guide to deploy any web app to Vercel (previously known as Zeit).

The Flow

Using Docusaurus which makes it easy to maintain Open Source documentation websites.
Vercel account
Deploy the web app with Vercel

Assumption

I'll assume that you already have a web app in place, if not then create a new web app which acts as a documentation website.

Step 1: Getting started

In order to create a web-app with Docusaurus

Create a directory and navigate inside to the directory.
Run npx docusaurus-init. This will create a web project in the following structure

<directory-name>
├── Dockerfile
├── docker-compose.yml
├── docs
│   ├── doc1.md
│   ├── doc2.md
│   ├── doc3.md
│   ├── exampledoc4.md
│   └── exampledoc5.md
└── website
    ├── README.md
    ├── blog
    │   ├── 2016-03-11-blog-post.md
    │   ├── 2017-04-10-blog-post-two.md
    │   ├── 2017-09-25-testing-rss.md
    │   ├── 2017-09-26-adding-rss.md
    │   └── 2017-10-24-new-version-1.0.0.md
    ├── core
    │   └── Footer.js
    ├── package.json
    ├── pages
    │   └── en
    │       ├── help.js
    │       ├── index.js
    │       └── users.js
    ├── sidebars.json
    ├── siteConfig.js
    ├── static
    │   ├── css
    │   │   └── custom.css
    │   └── img
    │       ├── favicon.ico
    │       ├── oss_logo.png
    │       ├── undraw_code_review.svg
    │       ├── undraw_monitor.svg
    │       ├── undraw_note_list.svg
    │       ├── undraw_online.svg
    │       ├── undraw_open_source.svg
    │       ├── undraw_operating_system.svg
    │       ├── undraw_react.svg
    │       ├── undraw_tweetstorm.svg
    │       └── undraw_youtube_tutorial.svg
    └── yarn.lock

Navigate to website folder inside the root directory.
Run yarn start or npm start. This should bring up the server and launches the web app on localhost:3000. Example website should be up and running.

Step 2: Building

Considering all the changes are done, now is the time to build the app. This can be done by using yarn build or npm build.
vercel in your fav terminal to log in.

You will then receive an email, verify that and you are now logged in.

Step 3: Deploying

Navigate to /build/<website-name>
vercel to finally start deploying
Follow the simple on-screen instructions to deploy it.

Step 4: Chill out and enjoy

Since you have deployed your web-app, its time to enjoy and start exploring something else.

Reply in the comments if you enjoy this read or any suggestions to improve.

DEV Community: ||Nishant||