React+Vue将图片转为Base64进行上传

1.首先需要获取到上传的图片信息（以下代码为React代码Vue的思路是想通的）

                 <Form.Item 
                    label="选择图片"
                    name="img2"
                    rules={[{ required: true, message: '请输入图片的alt' }]}
                    >
                    <Input type='file' onChange={onChange}/>
                </Form.Item>

2.然后在点击onchage事件中进行处理

     var onChange = (e:any)=>{
        
        console.log(e.target.files[0]);
        
        //将文件对象转换为base64编码后的字符串
        //FileReader专门负责读取文件内容,转换为其他格式
        var reader = new FileReader();
        reader.readAsDataURL(e.target.files[0])
        reader.onload = function(){
            console.log(this.result);
            //this.result 拿到的是所选中的文件的全部内容(以base64编码格式显示的字符串)
            // setImg('sdfsdfsdfsdf')
            form.setFieldValue('img',this.result);
        }
    }

3.其中form.setFieldValue('img',this.result);这个属性是antd官方提供的方法目的是为了本次项目的回显，这个可以根据你的业务来写