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

    @jimengio/files-picker
    TypeScript icon, indicating that this package has built-in type declarations

    0.1.0 • Public • Published

    Files Picker

    UI component of selecting files

    用法

    yarn add @jimengio/files-picker

    API host 需要业务当中配置,

    configureUploading({ apiHost: "https://demo-host.com", locales: {} });

    提供了几个简单的 API 请求用来简化请求的书写:

    uploadByUrl;
    getDownloadUrl;
    getUploadUrl;
    downloadAsFile;

    当前模块提供了四个组件:

    • UploadWrapper 可以包裹一个 ReactNode, 点击该区域得到 files 变量.
    • BaseUpload 封装了一个上传组件.
    • BaseDisplay 封装了一个用于下载的组件.
    • Dropzone 封装了一个可以拖拽文件上传的组件。

    图片缩放

    图片对称 url 后增加参数来控制图片操作:

    ?x-process=100
    
    processImageUrl(imageUrl, "100");

    完整文档参考内部文档 ?pageId=22708556

    //  100         - 100 pixels square, cropping as needed
    //  200x        - 200 pixels wide, proportional height
    //  x0.15       - 15% original height, proportional width
    //  0x0         - no resizing
    //  100x150     - 100 by 150 pixels, cropping as needed
    //  150,fit     - scale to fit 150 pixels square, no cropping
    //  100,r90     - 100 pixels square, rotated 90 degrees
    //  100,fv,fh   - 100 pixels square, flipped horizontal and vertical
    //  200x,q60    - 200 pixels wide, proportional height, 60% quality
    //  200x,png    - 200 pixels wide, converted to PNG format
    //  cw100,ch100 - crop image to 100px square, starting at (0,0)
    //  cx10,cy20,cw100,ch200 - crop image starting at (10,20) is 100px wide and 200px tall
    

    Workflow

    https://github.com/jimengio/ts-workflow

    License

    MIT

    Keywords

    none

    Install

    npm i @jimengio/files-picker

    DownloadsWeekly Downloads

    2

    Version

    0.1.0

    License

    MIT

    Unpacked Size

    60.8 kB

    Total Files

    35

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar