前言
图片/文件上传组是企业项目开发中必不可少的环节之一, 但凡涉及到用户模块的都会有图片/文件上传需求, 在很多第三方组件库(ant desigin, element ui)中它也是基础组件之一....你将收获
常用的图片上传功能实现方案
手写一个图片/文件上传组件
如何将裁剪功能集成到上传组件中
内容平台/可视化平台下的图片自治方案
如何扩展出更强大的图片上传方案
正文
作为一名前端工程师, 解决项目问题是我们的基本职责之一...对于H5-Dooring对图片库的封装, 使用了将其作为通用服务来实现, 也就是但凡使用了上传组件,一定会出现可选的从图片库选择按钮....实现方案也很简单, 就是在upload组件中扩展一层, 使用Modal+Tab来做图片选择的界面, 当选择完成后将图片的地址手动设置到upload组件中即可....总结
以上教程笔者已经集成到H5-Dooring中,对于一些更复杂的交互功能,通过合理的设计也是可以实现的,大家可以自行探索研究。