Ali-OSS-Img-Upload
安装
$ npm i ali-img-upload --save
Description
本组件接入了阿里云OSS SDK,配合antd Upload上传组件,进行分片上传图片至阿里云OSS对象存储。
组件使用了持久化授权,官网提供了如何去设置临时授权模式,你可以在本组件基础进行二次开发。
How To Use?
import React from 'react';import AliUpload from 'ali-img-upload';import Form from 'antd'; { // antd form 实例 const form = Form; return <AliUpload = = = /> }
create-react-app
创建的项目为例)
项目接入方案(以采坑记:create-react-app
内部配置的babel是不支持的编译node_modules
的jsx语法与less的,所以借助cra
配置。
- 第一步:安装
customize-cra
与react-app-rewired
- 修改package.json
- 创建
config-overrides.js
const override addWebpackAlias addWebpackModuleRule babelInclude addLessLoader = ;const path = ;const resolve = path; moduleexports = webpack:
Note
- 注意在重写babel配置的时候,对于less处理的loader顺序。loader编译的顺序始终是从下往上的,也即从右往左。
- include部分应始终包含node_modules和src两部分。
Demo
MIT
LICENSECopyright By Eric Wang