Posts

Showing posts with the label file upload node

How to Upload Files Using AJAX in Node.js(Express)

Introduction In this blog, we will see how to upload an image file using AJAX. We will use the FileReader API to read the selected file, send the file data to the server via AJAX, and handle and save it as an image on the server side. Project Structure |--------- views |--------- demo.ejs |--------- app.js |--------- package.json Setup Folder Open your command prompt and create a new folder using the following command: mkdir upload Navigate into the newly created folder: cd upload Setup Node In Folder Initialize the Node.js environment by running: npm init -y This command creates a package.json file indicating that Node is initialized in the folder. Install Packages Install the required packages for building the application (Express, Body-Parser, EJS, and jQuery): npm install body-parser ejs express jquery Add Folders and Views Create a new folder named views in your project root, and inside it, create a file na...

How to Import CSV File Data into MongoDB Using Node.js and Express

Setup Folder Open your command prompt and create a new folder using the following command: mkdir csv After creating the folder, change into it by running: cd csv Setup Node In Folder Initialize the Node.js environment in your project: npm init -y This generates a package.json file containing the metadata for your application. Install Packages Install the required packages for handling CSV parsing, routing, template rendering, and file uploads: npm install csvtojson express ejs mongoose multer body-parser Add New Folders Create the following folders in your project root directory: models public views Models Folder (csv.js) Add a new file inside the models folder named csv.js to define your MongoDB collection schema: var mongoose = require('mongoose'); var csvSchema = new mongoose.Schema({ FirstName:{ type: String }, LastName:{ type: String }, SSN:{ type: S...

How to Upload and Download Files in Node.js (Express & Multer)

Image
Here we will use multer middleware for uploading file . Click the link to know what is  multer . Setup The Project Folder create a new folder using console/terminal. open console/terminal type mkdir followed by the folder name you want to give. change to that folder by typing cd  folder name. Setup Node.Js For The Project now type npm init on console/terminal. the  npm init  will create a  package.json  file.But we can create it manually too. just open the folder and  add a new file  and name it  package.json  and then we can structure it the same way as its been structured when using  npm init . the package.json will look like this. now we will install packages for our project using npm install followed by package names we want to install. the following packages will be installed express ejs body-parser multer mongoose . this will generate a folder name node_modules which w...