前端项目实战100-控制上传文件只能上传一个

最新推荐文章于 2023-10-09 15:23:01 发布

前端歌谣

最新推荐文章于 2023-10-09 15:23:01 发布

阅读量420

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_41632427/article/details/127336597

版权

前端记录-work-react-最近工作专栏收录该内容

212 篇文章 3 订阅

订阅专栏

 const beforeUpload = (file: any) => {
        console.log(file,"file")
        // 设置上传文件大小小于50M
        const isLt50M = file.size / 1024 / 1024 < 50;
        if (!fileList.length) {
            if (!isLt50M) {
                message.error('文件不允许超过50M！');
            } else {
                setFileList(
                    [...fileList, file]
                )
                let formData = new FormData();
                formData.append('file', file)
                uploadFile('manufacture/cutScheme/upload', formData).then((res) => {
                    if (res.code == 200) {
                        message.success("上传成功")
                        setFileName({ fileName: file.name, fileId: res.data })
                    }
                })
            }
        } else {
            message.error('只能上传一个文件');
            return false;
        }
    };