qrcode

public/locales/en-US/application.json

@@ -404,6 +404,7 @@
     "deleteViewSetting": "Delete view setting"
   },
   "modals": {
+    "scanQRCodeToAccess": "Scan QR Code to Access",
     "includePasswordInShareLink": "Include password in share link",
     "includePasswordInShareLinkDes": "If selected, password will be included in the share link, and no password is required when accessing the share link.",
     "showFileName": "Show file name",

public/locales/zh-CN/application.json

@@ -404,6 +404,7 @@
     "deleteViewSetting": "删除视图设置"
   },
   "modals": {
+    "scanQRCodeToAccess": "扫描二维码访问分享链接",
     "includePasswordInShareLink": "在链接中包含密码",
     "includePasswordInShareLinkDes": "勾选后，分享链接中会包含密码，通过此链接访问时不需要再输入密码。",
     "showFileName": "显示文件名",

src/component/FileManager/Dialogs/Share/ShareDialog.tsx

@@ -1,4 +1,16 @@
-import { Box, Checkbox, Collapse, DialogContent, IconButton, Stack, Tooltip, useTheme } from "@mui/material";
+import {
+  Box,
+  Checkbox,
+  Collapse,
+  DialogContent,
+  IconButton,
+  Paper,
+  Stack,
+  Tooltip,
+  Typography,
+  useTheme,
+} from "@mui/material";
+import { QRCodeSVG } from "qrcode.react";
 import dayjs from "dayjs";
 import { TFunction } from "i18next";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
@@ -216,6 +228,17 @@ const ShareDialog = () => {
                           },
                         }}
                       />
+                      <Paper
+                        sx={{ mt: 2, p: 3, display: "flex", flexDirection: "column", alignItems: "center" }}
+                        elevation={1}
+                      >
+                        <Typography variant="subtitle2" sx={{ mb: 2 }}>
+                          {t("application:modals.scanQRCodeToAccess")}
+                        </Typography>
+                        <Box sx={{ bgcolor: "white", p: 2 }}>
+                          <QRCodeSVG value={finalShareLink} size={200} level="M" includeMargin />
+                        </Box>
+                      </Paper>
                       {shareLinkPassword.password && (
                         <>
                           <Collapse in={!includePassword}>