Have ideas to improve npm?Join in the discussion! »

    cupload

    0.1.10 • Public • Published

    ###此插件旨在构建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参数合并

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

    Install

    npm i cupload

    DownloadsWeekly Downloads

    40

    Version

    0.1.10

    License

    MIT

    Unpacked Size

    55.2 kB

    Total Files

    6

    Last publish

    Collaborators

    • avatar