如何使用Antd的图片上传组件

html结构如下

                    
                        
                        
//默认展示的图片
点击更换

= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =

下面是方法

        handleChange(info) {
            if (info.file.status === 'done') {
                if (info.file.response.res != 0) {
                    return this.$message.error(info.file.response.msg);
                }
                this.form.pic_url = info.file.response.data.image_url //赋值
            }
        },
        //控制奖品图片的图片大小
        beforeUpload(file){
            const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';

            if (!isJpgOrPng) {
                this.$message.error('您只能上传jpeg或png文件!');
            }
            const isLt10K = file.size / 1024  < 10;

            if (!isLt10K) {
                this.$message.error('图片大小不能超过10K!');
            }

            return isJpgOrPng && isLt10K;
        }

你可能感兴趣的:(经验分享)