Giter Site home page Giter Site logo

cupload's Introduction

###此插件旨在构建ToC端上传组件,支持上传前压缩图片,支持图片鉴黄、涉政、涉暴验证功能,违禁图片禁止上传,后期会丰富上传后的UI,支持物料UI库,可自行配置添加物料

###使用方式

####1、安装npm包

npm install cupload --save-dev

yarn add cupload

####2、引入包

import Cupload from 'cupload';

###参数

max: number // 最大允许上传图片张数

previewZIndex: number // 图片预览时的层级

callBack: Function(files: UploadFile[]) //上传后的回调函数,返回上传图片列表

其余参数可参考antd upload文档:https://3x.ant.design/components/upload-cn/

####cupload内置了以下参数,可通对Cupload组件传入相应参数进行覆盖,当全覆盖时,cupload等同于antd upload

accept: '.png, .jpg, .jpeg',

listType: 'picture-card',

beforeUpload: beforeUploadMethod,

onPreview: handlePreview,

onChange: handleChange,

useCompress: false, // 是否启用压缩,默认false--不启用

compressSize: 3, // 默认超过3M,且启用压缩时会触发压缩,可传入自定义值

rate: 0.7, // 默认0.7,可传入自定义值

limitWidth: number, // 限制图片宽度,默认不限制

limitHeight: number, // 限制图片高度,默认不限制

data: { 'check': true }, // check参数为是否开启鉴黄、涉政、涉暴等验证,默认true开启,会与传入的data参数合并

###注:图片校验不合规,会自动删除,不会保留

cupload's People

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.