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
https://github.com/jimengio/ts-workflow
MIT