React-upload-2-express NPM

react-upload-2-express

Made with create-react-library

Install

npm install --save react-upload-2-express

如何使用

主要属性有

PropsName	Type	是否必须	默认值	描述	备注
projectId	String	是		项目名称
userId	String	否	default	上传用户的标识	方便后台索引使用
uid	String	否	当前时间戳	上传独立编号，用来唯一标识在上传用户的某一次上传	也可使用 buildUidFunc 属性在上传前生成
buildUidFunc	Function	否	当前时间戳	当点击后，通过传入的方法生成UID	此方式用来处理只有点击的刹那，才能最终确定 uid 值的情况， buildUidFunc 的优先级低于确定的 uid 属性
showLink	Boolean	否	true	是否在上传完毕后显示图片的地址
defaultUploadedUrl	String	否	null	初始化最终的地址	一般用在绑定 form 值上，如果是前后端分离项目，可不填写
panelClass	String	否		指定操作区css 的 class 名称	操作区有固定class upload-panel-buttons，可以在css中制定样式
showDirectLink	Boolean	否	true	是否显示浏览器直接上传链接
directLinkClass	String	否		上传跳转链接标签的 class 名称	操作区中的上传跳转链接的class，有固定class direct-upload-link，可以在css 中指定样式
showQrCodeLink	Boolean	否	true	是否显示二维码上传链接
qrCodeLinkClass	String	否		二维码扫码上传的 class 名称
RenderDom	ReactDom	否		渲染上传完毕后的节点	props 为 url ，可以在使用过程中自定义这个显示渲染的节点
showUploadedImg	Boolean	否	true	上传完毕后，是否自动将新的图片添加到 Panel 中
uploadedImgStyle	Object	否		图片的css object
updatedFunc	Function	否	上传完毕后，执行的方法	参数为 url, 即图片地址

Usage

import React, { Component } from 'react'

import Upload2Express from 'react-upload-2-express'

const ele = ({url}) => (<p>{url}</p>)

const Example = ()  =>  {
  return <Upload2Express projectId="demo" RenderDom={ele} />
}

License

MIT © jicheng1014

@infinitebrahmanuniverse/nolb-react-up @everything-registry/sub-chunk-2621

3 years ago

3 years ago

3 years ago

3 years ago