python实现文件上传预览-ag凯发k8国际
在做项目的时候,突然接收到一个需求,是能够对其他用户上传的文件进行预览,然后再下载,搜索了一些方法,最终选择了下面的实现,因为只是需要看,不进行而外的操作,所以方法都是比较简单的,后续有其他需求在更新。
office文件
使用了microsoft官方的office预览模式,该模式的实现非常简单,就是在已有的文件地址前面加入 https://view.officeapps.live.com/op/view.aspx?src= 这一串路由,等于是通过前面的路由封装了你的文件路由:// method
let preurl = 'https://view.officeapps.live.com/op/view.aspx?src=' selfurl (token)
// render
{pretype === 'office' && (
)}
ps:这个服务不支持ip地址的url,需要域名url
效果图:
pdf文件
一开始准备使用pdf.js或者是jquery.media来实现,后来考虑到不需要额外操作,只是预览,后台更改了那边的服务,直接在网页渲染,现在的浏览器基本都能够渲染pdf文件,方法同上:// method
let preurl = (host) selfurl (token)
// render
{pretype === 'pdf' && (
)}
效果图:
video & audio
对于音频和视频文件,使用了 html 5 的 标签,定义一个 video 并传入 url :// method
let preurl = (host) selfurl (token)
// render
{(pretype === 'video' || pretype === 'audio') && (
)}
效果图:
image
就用 标签就好啦,这还要说什么,顶多就是可能有多张图片加一个上一张下一张的判定函数。
总结
以上是ag凯发k8国际为你收集整理的python实现文件上传预览_前端实现文件预览功能的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇: python如何取消缩进_python如
- 下一篇: 视图插入数据_数据库dql、dml、dd