Posts

Showing posts with the label javascript

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 Apply Form Validation in Node.js (Express)

Image
Image by Gerd Altmann from Pixabay Open the console and create a new folder named validations by typing command mkdir followed by folder name. Change to the new folder by typing command cd validations.  Now setup node project by typing npm init. This will auto generate a package.json file in folder. now add a add.js file and then open the package.json and in " scripts" write "start":"app.js". The package.json will look like this.  Now type npm install followed by package name. We install the following packages: express ejs body-parser express-validator. Now add a folder name views . And in it make a new file names register.ejs. app.js var express = require ( 'express' ); var bodyParser = require ( 'body-parser' ); var path = require ( 'path' ) var {check,validationResult} = require ( 'express-val...