美文网首页
上传文件使用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