我们将使用VSCode写uni-app，不同于Hbuilder X，用VSCode是通过脚手架来创建项目，为什么我要用VSCode写呢？可能还是不太习惯Hbuilder X等等原因，还有就是不想换开发

本文记录通过cli脚手架搭建uniapp+vue3+vite+typescript项目过程。并使用eslint+prettier+husky进行代码规范

一个比较简单的手动上传组件，实现限制上传文件数量，自定义请求，一张图片的原地更换。技术栈：ant-design+react

首先介绍一下阿里云OSS对象存储的一些基本概念。 登录阿里云账号，进入对象存储界面，如图所示。 进入后如图所示。 这里不过多介绍如何在阿里云上传下载文件，这些操作基本上点一点都能找到。 Bucket实质就是阿里云OSS对象存储的一个存储空间，按照计算机理解的话可以理解为一个磁盘…

首先我们的需求大概是这样的，我们需要使用Antd的Upload组件将上传的文件传到七牛云上面，然后让七牛那边返回一个url即可。 在进行操作的之前可以先参考一下七牛那边的SDK文档:Node SDK. 这里使用的框架是react，版本号是16.9.0。所以这里使用的是函数式组件…

概述 上传文件 主要分为：简单上传、分片上传、断点续传 简单上传 File对象、Blob数据以及OSS Buffer上传到OSS 弊端：图片不支持20MB以上，文件不支持100MB以上 分片上传 上传

为了更好的摸鱼，特意写一个图片文件上传组件，具有OSS、图片自定义裁剪，文件类型，文件大小，是否检测同一个文件等，希望能帮到各位~

近来做了一个管理后台，采用的AntDesignPro脚手架，阿里版的React全家桶，包含Ant Design组件库，Dva状态管理，权限模块，国际化，主题定制等等称成熟的解决方案，当然这不是今天要将的重点。 今天这个编辑器老是自动滚动，不啰嗦了，在配置中遇到问题请留言吧...

需求背景 由于现有的后台管理系统，上传的视频越来越大，加上上传视频较慢，后端小哥提出直接从前端上传视频或者其他文件到阿里云OSS存储。 阿里云OSS 阿里云OSS文档介绍，这里不做过多赘述 安装 原本