ImageUploader的使用

import { ImageUploader } from 'ant-mobile'
const [fileList, setFileList] = useState<ImageUploadItem[]>([]);const beforeUpload = (files: File[]) => {return files.filter(file => {if (file.size > 3 * 1024 * 1024) {Toast.show('请选择小于 3M 的图片')return false}return true})}// 要求返回一个promise对象const Upload = async (file: File): Promise<ImageUploadItem> => {return new Promise((resolve, reject) => {const reader = new FileReader();reader.readAsDataURL(file);reader.onload = () => {resolve({url: reader.result as string,});};});};return (<div className={styles.home}><Button color="success">按钮</Button><ImageUploader value={fileList} upload={Upload} beforeUpload={beforeUpload} onChange={setFileList} maxCount={5} multiple /></div>);

ImageUploader的使用相关推荐

ajax 批量上传图片插件,jQuery多文件上传插件jquery.imageuploader.js
插件描述:jQuery多文件上传插件jquery.imageuploader.js,可以同时上传多个文件并支持拖拽上传 jquery.imageuploader.js 一款jquery多文件上传插件. ...
react +antd-mobile图片上传插件（ImageUploader，支持七牛云直传）
快速上手安装 $ npm install --save antd-mobile # or $ yarn add antd-mobile # or $ pnpm add antd-mobile 引入 ...
[chrome插件分享] 博客园是个好图床 image-uploader
说明去年做了一款 windows 下的图片上传程序,[自制小工具含源码--博客园图床ImageBed], 但是这个小工具只适用于 windows 平台,自从换了 Mac 以后就不能用了.于是萌生了再 ...
golang 代码安全审计
前言 Go语言主要用作服务器端开发语言,适合于很多程序员一起开发大型软件,并且开发周期长,支持云计算的网络服务.Go语言能够让程序员快速开发,并且在软件不断的增长过程中,它能让程序员更容易地进行维护和 ...
python在线编辑器最新_Editor.md 二次开发-markdown在线编辑器
需求分析经常需要在网络论坛发布文章进行宣传良心工作室最新免费服务,但每个论坛的编写格式存在差异,给发布带来了很大的障碍. 最近markdown格式的兴起,给广大发布者带来了福音,一种文档格式大部分网 ...
在.net 中依据页的角色验证方式产生相匹配的菜单
看了很多人都是自己程序获得用户的角色权限,再判断并编写相应的功能菜单,其实.net 中可以允许开发者自己拼合这些功能: 废话不说,网上也有很多这样的资料,但我感觉说教太多,自己来简单归纳一下方便给大家 ...
[代码示例]用Fine Uploader+ASP.NET MVC实现ajax文件上传
[代码示例]用Fine Uploader+ASP.NET MVC实现ajax文件上传原文 [代码示例]用Fine Uploader+ASP.NET MVC实现ajax文件上传 Fine Upload ...
ueditor 编辑html文件名,UEditor编辑器自定义上传图片或文件路径的修改方法，ueditor修改方法...
UEditor编辑器自定义上传图片或文件路径的修改方法,ueditor修改方法使用ueditor编辑器,附件默认在ueditor/php/upload/, 我的附件地址是网站根目录下/data/u ...
dagger2 注入_使用Dagger 2在GWT中进行依赖注入
dagger2 注入依赖注入是一种软件开发概念,其中为对象提供了创建所需的所有对象或值. GWT用户已经熟悉GIN,但已经不推荐使用此工具,因此不再支持它,因此使用GIN的应用程序当前确实需要告别. ...

ImageUploader的使用

ImageUploader的使用相关推荐

最新文章

热门文章