diff --git a/src/components/FormFields/UploadKey.vue b/src/components/FormFields/UploadKey.vue
index a90049dbd..3d79269ba 100644
--- a/src/components/FormFields/UploadKey.vue
+++ b/src/components/FormFields/UploadKey.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="upload-key">
-    <input type="file" @change="onChange">
+    <input ref="upLoadFile" type="file" style="display: none" @change="onChange">
+    <el-button size="mini" @click.native.stop="onUpLoad">
+      {{ this.$t('common.SelectFile') }}
+    </el-button>
+    <span>{{ fileName }}</span>
     <div v-if="tip !== ''">{{ tip }}</div>
   </div>
 </template>
@@ -21,12 +25,22 @@ export default {
       default: () => 'string'
     }
   },
+  data() {
+    return {
+      fileName: ''
+    }
+  },
   methods: {
+    onUpLoad() {
+      this.$refs.upLoadFile.click()
+    },
     onChange(e) {
-      if (e.target.files.length === 0) {
+      const upLoadFile = e.target.files
+      if (upLoadFile.length === 0) {
         return
       }
       const vm = this
+      this.fileName = upLoadFile[0].name || ''
       const reader = new FileReader()
       reader.onload = function() {
         let result = this.result
@@ -36,7 +50,7 @@ export default {
         vm.$emit('input', result)
       }
       reader.readAsText(
-        e.target.files[0]
+        upLoadFile[0]
       )
     }
   }