cloudreve / Cloudreve

🌩支持多家云存储的云盘系统 (Self-hosted file management and sharing system, supports multiple storage providers)
https://cloudreve.org
GNU General Public License v3.0
21.92k stars 3.44k forks source link

右下角上传按钮容易被浏览器广告遮挡 #2067

Closed dufei99 closed 7 months ago

dufei99 commented 7 months ago

用户浏览器千奇百怪,比如在国产浏览器中,会被浏览器广告遮挡,在360浏览器中这个按钮都看不到了。可以在界面右上角也添加一个上传的按钮不?

dufei99 commented 7 months ago

已通过自定义前端解决这个问题,修改\src\component\FileManager\Navigator\SubActions.js文件 PixPin_2024-04-16_12-11-01

zzti commented 6 months ago

已通过自定义前端解决这个问题,修改\src\component\FileManager\Navigator\SubActions.js文件 PixPin_2024-04-16_12-11-01

请问一下这个怎么加呢?能不能分享一下代码

dufei99 commented 6 months ago

已通过自定义前端解决这个问题,修改\src\component\FileManager\Navigator\SubActions.js文件 PixPin_2024-04-16_12-11-01

请问一下这个怎么加呢?能不能分享一下代码 先按照https://docs.cloudreve.org/use/zi-ding-yi-qian-duan 文档说明获取前端代码,然后修改代码文件: \src\component\FileManager\Navigator\SubActions.js

头部添加

import { openFileSelector } from "../../../redux/viewUpdate/action";

在const 部分加入

    const UploadFile = useCallback(
        () => dispatch(openFileSelector()),
        [dispatch]
    );

然后在return中找到

            <IconButton
                title={t("batchDownload")}

在上面加入:

            <Button
                variant="contained"
                color="primary"
                onClick={UploadFile}
            >
                {t("uploadFiles")}
            </Button>