diff --git a/assets/webui/index.html b/assets/webui/index.html
index 0cdfe16..c182311 100644
--- a/assets/webui/index.html
+++ b/assets/webui/index.html
@@ -84,6 +84,10 @@
 				</section>
 				<div class="panel-title">文档</div>
 				<dl class="meta-list">
+					<div>
+						<dt>文件</dt>
+						<dd id="metaFile">-</dd>
+					</div>
 					<div>
 						<dt>标题</dt>
 						<dd id="metaTitle">-</dd>
diff --git a/assets/webui/ofdgo.js b/assets/webui/ofdgo.js
index 31af447..a35b72c 100644
--- a/assets/webui/ofdgo.js
+++ b/assets/webui/ofdgo.js
@@ -106,6 +106,7 @@ const el = {
 	appPanel: document.querySelector("#appPanel"),
 	offlineStatus: document.querySelector("#offlineStatus"),
 	refreshAppButton: document.querySelector("#refreshAppButton"),
+	metaFile: document.querySelector("#metaFile"),
 	metaTitle: document.querySelector("#metaTitle"),
 	metaAuthor: document.querySelector("#metaAuthor"),
 	metaVersion: document.querySelector("#metaVersion"),
@@ -539,8 +540,8 @@ async function openOFD(file) {
 	state.wasmRecoveries = 0;
 	setBusy(true, "正在读取 OFD", 10, STATUS.opening);
 	try {
-		state.fileName = file.name || "ofdgo.ofd";
 		state.ofdBytes = new Uint8Array(await file.arrayBuffer());
+		state.fileName = file.name || "ofdgo.ofd";
 		await openDocument({ pageIndex: 0, resetScroll: true });
 	} catch (err) {
 		showError(err, true);
@@ -1972,6 +1973,8 @@ function markThumbnailError(index) {
 
 function renderMeta() {
 	const doc = state.doc || {};
+	document.title = `OFDGo WebUI - ${state.fileName}`;
+	el.metaFile.textContent = state.fileName;
 	el.metaTitle.textContent = doc.title || "-";
 	el.metaAuthor.textContent = doc.author || "-";
 	el.metaVersion.textContent = doc.version || "-";