Get file path and file name of input type="file"

[cssExp]

alright suppose i have the following.

<input type="file" name="upload"  />
<input type="text" name="discription"  />
<input type="image" onclick="addFile();" src="images/addfile.jpg" name="add" alt="Add file" />

Here when user clicks add button, it gets added dynamically in to a div. Which all good and nice, i have very well done so.

But here is the problem, on that parent div there are children, children divs contains the input which displays it's file name and hidden div containing file path, and another hidden input containing the description. As user adds files, they keep getting added in a list fashion.

I plan to get process the values through array on the form submission. By the way there is only form on the parent div containing the child divs. not where the file input is.

What i want is that, i want to get the file path in javascript string as well as file name in another string. How can i go on about doing this.

Hope i was clear in explaining it.

[pbmods]

Heya, cssExp.

My recommendation would be to put each set of inputs in its own div:

<form id="thePfhorm" ... >
    .
    .
    .
    <div id="insertBefore" style="display: none;">&nbsp;</div>
</form>
 
<div style="display: none;">
    <div id="dolly">
        <input type="file" onchange="setInputs(this.parentNode);" ... />
        .
        .
        .
    </div>
</div>
 

function addFile(  )
{
    var newElement = document.getElementById('dolly').cloneNode(true);
    newElement.id = '';
    document.getElementById('thePfhorm').insertBefore( newElement, document.getElementById('insertBefore') );
    .
    .
    .
}
 
function setInputs( parent )
{
    var inputs = parent.getElementsByTagName('input');
 
    inputs[1].value = inputs[0].value.match( ... );
    .
    .
    .
}
 

[cssExp]

I have very well done the parent and child part, only part was that i needed to get both filepath and filename, but i found out how to do it. I took the file path and from it i extracted the the file name using lastIndexOf("\\") and substring combination. Thanks for all your help.

[pbmods]

Heya, cssExp.

Glad to hear you got it working! Good luck with your project, and if you ever need anything, post back anytime :)

[sakshishrivas]

I have very well done the parent and child part, only part was that i needed to get both filepath and filename, but i found out how to do it. I took the file path and from it i extracted the the file name using lastIndexOf("\\") and substring combination. Thanks for all your help.

Hey I am facing a similar problem. Can you tell me how did you solve this issue.
I need to get the file path from the web form and then pass it as a parameter to an external program. How do I fetch the entire path through cgi?

[acoder]

Hey I am facing a similar problem. Can you tell me how did you solve this issue.
I need to get the file path from the web form and then pass it as a parameter to an external program. How do I fetch the entire path through cgi?

Post your code. You mention cgi. Do you need this on the client-side or the server-side?