这里写了一个简单的案例来演示,所以样式就没怎么写。
前端代码:
import React from 'react'
import { useState } from 'react'
import axios from "axios" //引入axios,使用之前要先 npm axios
import register from "../../css/register.module.css" //引入局部样式
export default function Register() {
//注意React数据的双向绑定要使用useState,一般使用的是解构赋值这种方法
let [email, setusername] = useState('请输入账号')
let [password, setpassword] = useState('请设置密码')
let [userimgs, setuserimgs] = useState()
let [img, setbgimg] = useState()
let userimg = (e) => {
let f = e.target.files[0]//获取目标图片
setuserimgs(f)
setbgimg(window.URL.createObjectURL(f))//给图片生成一个网址
}
let upload = async () => {
let fdata = new FormData()
fdata.append("email", email)
fdata.append("password", password)
fdata.append("userimgs&