How to Open a File in Javascript

By Jim Campbell

JavaScript allows you to open a file, so the user can choose to save the file from the browser, or just read the file and close it. Typically, this type of programming is used to open a file when a user selects a file from a "Browse" button on the HTML page. The file selected is sent to the JavaScript code and opened using the "window.location" function.

Step 1

Right-click the HTML file you want to use to open the file. Click "Open With," then double-click the preferred JavaScript editor.

Step 2

Create the JavaScript function. The following function opens the file selected by the user:function openfile(file) {window.location = "file:///" + file;}

Step 3

Add the function to the "Browse" button on the Web page. Type the following code into the tag's code:onclick="openfile(this.value)"

Step 4

Save the file and open it in your default Web browser. Choose a file on your system and open the file using the code.

References & Resources