react-alioss v1.0.8

阿里云上传图片插件说明

说明：　基于阿里云实现前端上传图片到阿里云　需要通过后台接口获取阿里云上传凭证

Basic usage 基本使用

1.install SDK using npm 下载

  npm install react-alioss

2.for example 引入

  import { UploadImage } from "react-alioss";  //组件引入
  import "react-alioss/dist/css/styles.css";   //样式引入

3. quick example

    import * as React from "react";
    import "./App.css";
    import logo from "./logo.svg";
    import { UploadImage } from "react-alioss";
    import "react-alioss/dist/css/styles.css";
    class App extends React.Component {
      public render() {
        return (
          <div className="App">
            <header className="App-header">
              <img src={logo} className="App-logo" alt="logo" />
              <h1 className="App-title">Welcome to React</h1>
            </header>
            <p className="App-intro">
              To get started, edit <code>src/App.tsx</code> and save to reload.
            </p>
            <UploadImage
              clientOss={"2"}
              keyOss={"3"}
              radio={"690/300"}
              limit={1}
              tips={() => {
                return <p> 690*300像素或690/300，支持png、jpg、gif格式，小于5M </p>;
              }}
              onChange={this.imageChange}
              cropper={true}
            />
          </div>
        );
      }
      protected imageChange = (e: any) => {
        return e;
      };
    }
    
    export default App;

Props 属性说明