Javascript是一種廣泛應用于Web開發的腳本語言，被用來實現前端與后端的交互、頁面動態效果等。其中，在Web開發過程中，經常需要用戶上傳文件并將其保存。在這種情況下，Javascript打開文件對話框是一項非常有用的功能。

首先，我們要創建一個HTML文件上傳表單。例如：

<form method="post" enctype="multipart/form-data">
<input type="file" name="file">
<input type="submit" value="保存">
</form>

在這個表單里，我們使用了input標簽，并設置其type屬性為file，這樣用戶就可以在自己的電腦中選擇文件上傳至服務器了。

接下來，在Javascript中，需要獲取到這個input標簽，并在用戶點擊上傳按鈕時，彈出文件對話框。代碼如下：

var input = document.querySelector('input[type="file"]');
input.addEventListener('click', function() {
this.value = null;
});
input.addEventListener('change', function() {
var file = this.files[0];
console.log(file);
});

通過querySelector方法，我們獲取到了input標簽并存放在變量input中。接下來，我們給這個input標簽添加了兩個事件：click和change。其中，click事件會在用戶點擊上傳按鈕時觸發。我們在這個事件里將input的value值設置為null，這樣當用戶點擊上傳按鈕時，就會彈出文件對話框。

change事件會在用戶選擇完文件后觸發。我們可以通過this.files[0]這個語句獲得用戶選擇的文件對象。上面的代碼會將這個文件對象輸出到控制臺中，以便我們對這個對象進行進一步的操作。

除了在click事件中彈出文件對話框之外，我們還可以使用一個叫做click()的方法來直接觸發它。例如：

var input = document.querySelector('input[type="file"]');
input.addEventListener('change', function() {
var file = this.files[0];
// 處理文件
this.value = null;
});
var btn = document.querySelector('button');
btn.addEventListener('click', function() {
input.click();
});

在這個例子中，我們使用了一個按鈕，它在被點擊時會觸發input的click()方法。這樣就能讓用戶在不點擊上傳按鈕的情況下直接打開文件對話框了。

綜上所述，Javascript打開文件對話框是一個非常實用的功能。通過使用input標簽并添加事件，我們可以輕松地實現這個功能，從而讓用戶方便地上傳自己的文件。