ant-design-pro前端项目上传七牛整理

要上传图片到七牛,或者有多组图片需要上传到七牛,应该怎么做?

const beforeShopUpload = (file, shopImg)=>{
const {token} = this.props;
this.setState({shopIcon:[]});
const {shopIcon} = this.state;
要获取token. 
 getQiniuToken = () => {
        const { dispatch, token } = this.props;
        if (token) { return; }
        dispatch({
            type: 'shop/getQiniuToken',
            payload: "bucket_name",
        });
    };

	const handleChange1 = ({ file, fileList: fl }) => {
            if (file.status === 'done') {
                fl[fl.length - 1].url = baseURL + file.response.hash;
            } else if (file.status === 'error') {
                fl.pop();
                message.error('上传失败');
                this.getQiniuToken();
            }
            this.setState({ shopIcon: [...fl] });
        };
     const UploadShopProps = {
            action: 'http://up.qiniu.com',
            name: "file",
            listType: "picture-card",
            data: { token },
            beforeShopUpload,
            onChange: handleChange1,
            fileList: this.state.shopIcon,
        };
     const uploadButton = (
            <div>
              <Icon type="plus" />
              <div className="ant-upload-text">店铺图片</div>
            </div>
          );
render里面:
		<Upload {...UploadShopProps}>
            {this.state.shopCode.length >= 1 ? null : uploadButton}
        </Upload>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值