欢迎访问 生活随笔!

ag凯发k8国际

当前位置: ag凯发k8国际 > 编程语言 > python >内容正文

python

python实现文件上传预览-ag凯发k8国际

发布时间:2024/10/14 python 24 豆豆
ag凯发k8国际 收集整理的这篇文章主要介绍了 python实现文件上传预览_前端实现文件预览功能 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

在做项目的时候,突然接收到一个需求,是能够对其他用户上传的文件进行预览,然后再下载,搜索了一些方法,最终选择了下面的实现,因为只是需要看,不进行而外的操作,所以方法都是比较简单的,后续有其他需求在更新。

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实现文件上传预览_前端实现文件预览功能的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得ag凯发k8国际网站内容还不错,欢迎将ag凯发k8国际推荐给好友。

网站地图