react 实现文件上传

最新推荐文章于 2024-09-13 21:48:12 发布

TobEABetterMan_

最新推荐文章于 2024-09-13 21:48:12 发布

阅读量1.1k

点赞数 1

分类专栏： js 文章标签： upload react

本文链接：https://blog.csdn.net/TobEABetterMan_/article/details/115212665

版权

本文将介绍如何在React应用中实现文件上传功能，包括选择文件、预览、上传到服务器的基本步骤，以及如何处理上传过程中的错误和状态更新。

摘要由CSDN通过智能技术生成

import React, {
    Component } from "react";
import {
   Button} from "antd";
import axios from "axios";
const {
    Fragment } = React;
const saveStoreZeroCharge =
  global.constants.website + "/feiyangshop-admin-react/saveStoreZeroCharge";
class UploadImg extends Component {
   
  constructor(props) {
   
    super(props);
    this.state = {
   
      file:'',
      showImg:'none',
      token:'need',
      imagePreviewUrl:'',
    }
  }
  render() {
   
    var {
   imagePreviewUrl,showImg} = this.state;
    var imagePreview = null;
    if (imagePreviewUrl) {
   
      imagePreview = ( <label  for="avat