Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Browse for File, capture filename, do not upload file

Posted on 2007-11-16
2
708 Views
Last Modified: 2010-04-21
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
Comment
Question by:benlane
2 Comments
 
LVL 6

Accepted Solution

by:
den4b earned 500 total points
ID: 20298831
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
 

Author Closing Comment

by:benlane
ID: 31409562
Thanks a lot!  Worked Great!
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

839 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question