Question

I am trying to allow users to upload pictures to the server.

I am trying to create a similar system to any website that has an ‘attach’ file or ‘upload image’ feature. All I need is to get the full path of the file select by the file dialog.

I tried using this for the file dialog with no success:

<input type="file">

This method does not provide the full file path, due to security reasons. My question is how can I create a similar input dialog to websites like tinypic, photobucket, etc.. that can help users input the full file path of a given image, into an input field?

I am aware that this cannot be done using the method above for security reasons, however, I have seen this done before on various websites without any problems, I was wondering what I had to do to implement a similar file dialog that helps fill in the text, which is a full file path, of an input field?

Answer 1

It is not possible to get the file full path on local machine using browser and javascript.

However, as you would like to upload the file to the server, the easy possibility I see is to use html form with input type file. You will receive the file on your http server when the form is submitted.

Here is a very good url http://www.cs.tut.fi/~jkorpela/forms/file.html that explains the whole process nicely.