diff --git a/src/components/UploadField/index.vue b/src/components/UploadField/index.vue
new file mode 100644
index 000000000..f87f907ec
--- /dev/null
+++ b/src/components/UploadField/index.vue
@@ -0,0 +1,35 @@
+<template>
+  <el-upload
+    v-bind="$attrs"
+    @input="onInput"
+    v-on="$listeners"
+  >
+    <el-button size="small" type="primary">点击上传</el-button>
+    <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
+  </el-upload>
+</template>
+
+<script>
+export default {
+  props: {
+    value: {
+      type: String,
+      default: () => ''
+    }
+  },
+  watch: {
+    value(value) {
+      this.$emit('customEvent', value, 'message')
+    }
+  },
+  methods: {
+    onInput(val) {
+      this.$emit('input', 'my-input: ' + val)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/components/index.js b/src/components/index.js
index 00b65eca4..633308313 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -20,3 +20,4 @@ export { default as IBox } from './IBox'
 export { default as QuickActions } from './QuickActions'
 export { default as Switcher } from './Swicher'
 export { default as SummaryCard } from './SummaryCard'
+export { default as UploadField } from './UploadField'