node.js

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...

Project Structure |-------------- models |-------------- task.js |-------------- public |-------------- data.js |-------------- routes |-------------- taskroute.js |-------------- views |-------------- demo.ejs |-------------- app.js |-------------- package.json Setup The Folder To create a folder, open your command prompt and type: mkdir ajax Change to the folder by typing: cd ajax Setup Node In Folder On the console, initialize your Node.js project: npm init -y This creates a package.json file indicating that Node is initialized in the folder. Install Packages Install the required packages for building the application: npm install body-parser express ejs mongoose jquery Models Create a new folder named models , add a file named task.js , and insert the following code: var mongoose = require('mongoose'); var taskSchema = new mongoose.Schema({ task:{ ...