eco-image-picker v2.0.7-beta.2

eco-image-picker

基于 react 扩展的移动端图片/文件上传、预览组件

查看文档和示例

使用

npm 或 yarn 安装

npm install eco-image-picker
# or
yarn add eco-image-picker

示例

import React, { useState } from 'react';
import { ImagePicker } from 'eco-image-picker';

type FileItem = {
  url: string, // 图片url
  loading?: boolean, // 图片是否加载中
  errorTip?: string, // 错误提示
  name?: string, // 文件说明
  fileName?: string, // 文件名称,包含后缀
  [index: string]: any
};

export default () => {
  const [value, setValue] = useState<FileItem[]>([]);

  // 数组改变
  const onChange = (arr: FileItem[]) => setValue(arr);

  return <ImagePicker value={value} onChange={onChange} />;
};

对应版本

API

• 上传
  • ImagePicker - 图片上传
  • FilePicker - 文件上传
• 展示
  • ImageView - 图片预览
  • FileView - 文件预览

第三方插件

• react-wx-images-viewer - 移动端图片浏览 React 组件
• compressorjs - JavaScript 图像压缩器
• mammoth - docx 到 HTML 转换器

贡献

commit 格式

• 格式

type(scope?): subject

• 示例

chore: run tests on travis ci
fix(server): send cors headers
feat(blog): add comment section

• type

• 使用 cz 生成

格式参考 What is commitlint

原来使用 git commit -m "xx" 改为以下命令（交互方式填写提交信息）：

yarn commit

或

npm run commit