• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 715
  • Last Modified:

Browse for File, capture filename, do not upload file

I need a file browse feature added to my web site.  Similar to the <input type="file"> feature, but it will only capture the name of the file and insert it into a text field on the form.  It SHOULD NOT attempt to upload the file to the web server when the form is submitted.
0
benlane
Asked:
benlane
1 Solution
 
den4bCommented:
You can use javascript on your submit button to extract the filename and remove the FILE element from the page. The sample code is shown below:
<html>
<head>
  <script>
    function extract_file_name()
    {
      var file = document.getElementById('file');
	  if (!file) return false;
      var filename = file.value; 
      file.parentNode.removeChild(file);
      var pos = filename.lastIndexOf('\\');
      if (pos >= 0) filename = filename.substring(pos+1, filename.length);
      return filename;
    }
  </script>
</head>
<body>
  <input id="file" type="file"><br><br>
  <button onclick="alert(extract_file_name())">Extract File Name</button>
</body>
</html>

Open in new window

0
 
benlaneAuthor Commented:
Thanks a lot!  Worked Great!
0

Featured Post

[Webinar] Cloud and Mobile-First Strategy

Maybe you’ve fully adopted the cloud since the beginning. Or maybe you started with on-prem resources but are pursuing a “cloud and mobile first” strategy. Getting to that end state has its challenges. Discover how to build out a 100% cloud and mobile IT strategy in this webinar.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now