之前写过upload组件关于图片的上传和预览,本篇不再讲解,可见文章【antd 3.x】在表单中使用上传组件上传图片(文件)和预览功能
本篇文章主要内容:
是关于pdf和ofd格式的文件的预览和下载,浏览器不支持预览ofd格式文件,只能下载。
1、首先声明,upload组件是不支持显示pdf和ofd文件格式的缩略图的【这里使用业务解决,让设计给一个pdf和ofd的模板图片,当上传的文件为pdf或ofd格式时,显示该模板图片】
2、pdf预览用到了iframe标签,也可以使用embed标签
3、ofd文件下载
代码示例:
说明:(1)上传组件listType为picture-card时,鼠标悬浮默认显示预览和删除两个小图标,官方文档中还有一个下载,下载图标不会默认显示,需要设置 showUploadList 属性,将 showDownloadIcon 设置为true,才会显示下载小图标,此时方可触发onDownload方法。
const [previewVisible, setPreviewVisible] = useState(false);
const [fileList, setFileLists] = useState([]);
const