diff --git a/packages/upload-avatar/index.vue b/packages/upload-avatar/index.vue
index 3c5821f..e99c8bf 100644
--- a/packages/upload-avatar/index.vue
+++ b/packages/upload-avatar/index.vue
@@ -226,14 +226,18 @@ function closeDialog() {
   reset()
   loading = false
 }
-
-watch(() => props.fileId, async () => {
-  if (!props.fileId || avatarUrl)
+async function init() {
+  if (!props.fileId) {
+    avatarUrl = props.fileUrl
     return
-
+  }
   const res = await props.fileFunction(props.fileId)
   avatarUrl = res.url
-})
+}
+
+tryOnMounted(init)
+
+watch(() => props.fileId, init)
 </script>
 
 <style>