diff --git a/src/api/script.js b/src/api/script.js
new file mode 100644
index 0000000000000000000000000000000000000000..d543e5e4fe9f90aa167f6a67f936ad16b88bb69c
--- /dev/null
+++ b/src/api/script.js
@@ -0,0 +1,11 @@
+import request from './config'
+
+// 上传脚本
+export function uploadScriptApi(data) {
+  return request({
+    url: '/script/upload',
+    method: 'post',
+    headers: { 'Content-Type': 'multipart/form-data;charset=UTF-8' },
+    data
+  })
+}
diff --git a/src/components/file-upload/index.vue b/src/components/file-upload/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..70d6d7c4b20e5a616c01c69b0285c1ff2462481f
--- /dev/null
+++ b/src/components/file-upload/index.vue
@@ -0,0 +1,57 @@
+<template>
+  <div class="">
+    <a-input-group compact>
+      <a-input style="width: 85%" class="upload-input" placeholder="请选择文件" disabled />
+      <a-upload
+        style="width: 15%"
+        :custom-request="customRequest"
+      >
+        <a-button><a-icon type="upload" />选择文件</a-button>
+      </a-upload>
+    </a-input-group>
+  </div>
+</template>
+
+<script>
+import { uploadScriptApi } from '@/api/script'
+
+export default {
+  props: {
+    url: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      upLoadUrl: '',
+      headers: {
+        authorization: 'authorization-text'
+      }
+    }
+  },
+  methods: {
+    customRequest(option) {
+      const { onError, onSuccess, file } = option
+      const formData = new FormData()
+      formData.append('file', file)
+      uploadScriptApi(formData)
+        .then((res) => {
+          if (res.code === 200) {
+            onSuccess(res)
+            this.$emit('on-success', res)
+          } else {
+            onError(res.data.msg)
+          }
+        })
+        .catch(err => {
+          console.error(err)
+        })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>