diff --git a/internal/web/actions/default/servers/components/cache/purge.go b/internal/web/actions/default/servers/components/cache/purge.go
index 809d1dff..191cdbe0 100644
--- a/internal/web/actions/default/servers/components/cache/purge.go
+++ b/internal/web/actions/default/servers/components/cache/purge.go
@@ -12,7 +12,7 @@ import (
 	"github.com/iwind/TeaGo/types"
 	"net/http"
 	"strconv"
-	strings "strings"
+	"strings"
 )
 
 type PurgeAction struct {
@@ -53,6 +53,7 @@ func (this *PurgeAction) RunGet(params struct {
 func (this *PurgeAction) RunPost(params struct {
 	CachePolicyId int64
 	ClusterId     int64
+	Type          string
 	Keys          string
 	Must          *actions.Must
 }) {
@@ -96,6 +97,11 @@ func (this *PurgeAction) RunPost(params struct {
 		CachePolicyJSON: cachePolicyJSON,
 		Keys:            realKeys,
 	}
+	if params.Type == "prefix" {
+		msg.Type = messageconfigs.PurgeCacheMessageTypeDir
+	} else {
+		msg.Type = messageconfigs.PurgeCacheMessageTypeFile
+	}
 	results, err := nodeutils.SendMessageToCluster(this.AdminContext(), params.ClusterId, messageconfigs.MessageCodePurgeCache, msg, 10)
 	if err != nil {
 		this.ErrorPage(err)
diff --git a/web/views/@default/servers/components/cache/purge.html b/web/views/@default/servers/components/cache/purge.html
index cb73632f..8e81a48b 100644
--- a/web/views/@default/servers/components/cache/purge.html
+++ b/web/views/@default/servers/components/cache/purge.html
@@ -1,37 +1,47 @@
 {$layout}
+{$template "policy_menu"}
 
-	{$template "policy_menu"}
+<h3>选择集群</h3>
+<select class="ui dropdown auto-width" v-model="clusterId">
+    <option v-for="cluster in clusters" :value="cluster.id">{{cluster.name}}</option>
+</select>
+<div class="ui divider"></div>
 
-	<h3>选择集群</h3>
-	<select class="ui dropdown auto-width" v-model="clusterId">
-		<option v-for="cluster in clusters" :value="cluster.id">{{cluster.name}}</option>
-	</select>
-	<div class="ui divider"></div>
-
-	<h3>批量删除</h3>
-	<p class="comment">可以批量删除一组Key。</p>
-	<form method="post" class="ui form" data-tea-action="$" data-tea-before="before" data-tea-success="success" data-tea-fail="fail" data-tea-done="done">
-		<input type="hidden" name="cachePolicyId" :value="cachePolicyId"/>
-		<input type="hidden" name="clusterId" :value="clusterId"/>
-		<table class="ui table definition selectable">
-			<tr>
-				<td>Key列表</td>
-				<td>
-					<textarea name="keys" rows="10" ref="focus"></textarea>
-					<p class="comment">每行一个Key。</p>
-				</td>
-			</tr>
-			<tr>
-				<td class="title">操作结果</td>
-				<td>
-					<div v-if="isRequesting">数据发送中...</div>
-					<span class="red" v-if="!isRequesting && !isOk && message.length > 0">失败：{{message}}</span>
-					<div v-if="!isRequesting && isOk">
-						<span v-if="results.length == 0" class="red">此集群下没有任何可用的节点。</span>
-						<div class="ui label tiny" v-for="one in results" :class="{green:one.isOk, red:!one.isOk}" style="margin-bottom: 0.5em">{{one.nodeName}}：{{one.message}}</div>
-					</div>
-				</td>
-			</tr>
-		</table>
-		<submit-btn v-if="!isRequesting">提交</submit-btn>
-	</form>
\ No newline at end of file
+<h3>批量删除</h3>
+<p class="comment">可以批量删除一组Key。</p>
+<form method="post" class="ui form" data-tea-action="$" data-tea-before="before" data-tea-success="success" data-tea-fail="fail" data-tea-done="done">
+    <input type="hidden" name="cachePolicyId" :value="cachePolicyId"/>
+    <input type="hidden" name="clusterId" :value="clusterId"/>
+    <table class="ui table definition selectable">
+        <tr>
+            <td class="title">操作类型</td>
+            <td>
+                <radio name="type" :v-value="'key'" v-model="type">根据Key</radio> &nbsp;
+                <radio name="type" :v-value="'prefix'" v-model="type">根据前缀</radio>
+            </td>
+        </tr>
+        <tr>
+            <td>
+                <span v-if="type == 'key'">Key列表</span>
+                <span v-if="type == 'prefix'">Key前缀列表</span>
+            </td>
+            <td>
+                <textarea name="keys" rows="10" ref="focus"></textarea>
+                <p class="comment" v-if="type == 'key'">每行一个Key，比如是一个完整的URL<code-label>https://example.com/hello/world.html</code-label>。</p>
+                <p class="comment" v-if="type == 'prefix'">每行一个Key前缀，比如是一个URL前缀<code-label>https://example.com/hello/</code-label>。</p>
+            </td>
+        </tr>
+        <tr>
+            <td>操作结果</td>
+            <td>
+                <div v-if="isRequesting">数据发送中...</div>
+                <span class="red" v-if="!isRequesting && !isOk && message.length > 0">失败：{{message}}</span>
+                <div v-if="!isRequesting && isOk">
+                    <span v-if="results.length == 0" class="red">此集群下没有任何可用的节点。</span>
+                    <div class="ui label tiny" v-for="one in results" :class="{green:one.isOk, red:!one.isOk}" style="margin-bottom: 0.5em">{{one.nodeName}}：{{one.message}}</div>
+                </div>
+            </td>
+        </tr>
+    </table>
+    <submit-btn v-if="!isRequesting">提交</submit-btn>
+</form>
\ No newline at end of file
diff --git a/web/views/@default/servers/components/cache/purge.js b/web/views/@default/servers/components/cache/purge.js
index 45555f9e..a267998d 100644
--- a/web/views/@default/servers/components/cache/purge.js
+++ b/web/views/@default/servers/components/cache/purge.js
@@ -31,4 +31,9 @@ Tea.context(function () {
 	this.done = function () {
 		this.isRequesting = false
 	}
-});
\ No newline at end of file
+
+	/**
+	 * 操作类型
+	 */
+	this.type = "key" // key | prefix
+})
\ No newline at end of file