美文网首页
上传文件使用antd组件

上传文件使用antd组件

作者: 家有饿犬和聋猫 | 来源:发表于2020-08-25 14:26 被阅读0次
    
          <Upload {...uploadParam}>
                    <span className={styles.uploadBtn}>上传照片</span>
          </Upload>
    
    
      let uploadParam = {
            accept: '.jpeg,.gif,.png,.jpg',
            action: 'api/v1.0/common/file/upload',
            headers: {},
            beforeUpload: (file) => {
                if(file.type.includes('image/')){
                    return true;
                }
                message.warning('请上传.jpeg,.gif,.png,.jpg格式');
                return false;
            },
            showUploadList: false,
            onChange: handleUpload
        };
    
    
     const handleUpload = ({ file }) => {
            switch (file.status) {
                case 'uploading':bawan
                    break;
                case 'done':
                    if (file.response && file.response.success) {
                        message.success('上传成功!');
                        form.setFieldsValue({ avatarUrl: file.response.data });
                        setImageUrl(file.response.data);
                    } else {
                        message.error(file.response ? file.response.message : '上传失败!');
                    }
                    break;
            }
        };
    
    

    相关文章

      网友评论

          本文标题:上传文件使用antd组件

          本文链接:https://www.haomeiwen.com/subject/mbyajktx.html