diff --git a/src/api/admin/file.js b/src/api/admin/file.js
index f4972b752b79d392a6204421807933979469d90a..bf9955798a5f70a285a9fc40488e17f6228c3a2e 100644
--- a/src/api/admin/file.js
+++ b/src/api/admin/file.js
@@ -54,3 +54,10 @@ export function putObj(obj) {
     data: obj
   })
 }
+
+export function onlineFile(bucketName, fileName) {
+  return request({
+    url: `/admin/sys-file/online/${bucketName}/${fileName}`,
+    method: 'get'
+  })
+}
\ No newline at end of file
diff --git a/src/views/admin/file/index.vue b/src/views/admin/file/index.vue
index 5699d99d1c517b8eb5765400b8d1e0b107bd4206..4088ea361f3d1db07dec42291ccc2bcc78d7b217 100644
--- a/src/views/admin/file/index.vue
+++ b/src/views/admin/file/index.vue
@@ -40,6 +40,13 @@
             @click="download(scope.row, scope.index)"
             >下载
           </el-button>
+          <el-button
+            type="text"
+            size="small"
+            icon="el-icon-view"
+            @click="onlineFile(scope.row, scope.index)"
+            >在线浏览
+          </el-button>
         </template>
       </avue-crud>
     </basic-container>
@@ -47,7 +54,7 @@
 </template>
 
 <script>
-import { delObj, fetchList } from "@/api/admin/file";
+import { delObj, fetchList, onlineFile } from "@/api/admin/file";
 import { tableOption } from "@/const/crud/admin/file";
 import { mapGetters } from "vuex";
 
@@ -142,6 +149,11 @@ export default {
         this.getList(this.page);
       }
       done();
+    },
+    onlineFile(row, index) {
+      onlineFile(row.bucketName, row.fileName).then(res => {
+        window.open(res.data.data, '_blank')
+      })
     }
   }
 };