For Demo & Source Code Scroll down
Lets start by creating three files:
1. Index.html - for our
2. style.css - for our url manupulation
3. script.js - for our url manupulation
# In Markup
This markup doesn't have anything specifically to do with drag and drop. It's just a normal, functional <form>, with some extra HTML elements.
We going to manupulate it as we get file name from id entry_value which we split it & store in variable x. Then we intialize variable x in id fileName, thats how its display name of file which we uploaded.
var x = document.getElementById('entry_value')
document.getElementById('fileName').innerHTML = x.value.split('\\').pop()
For full code with css please first view demo & then download file for better understanding