![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
纵是情长,不抵时光
这个作者很懒,什么都没留下…
展开
-
pc文件预览--xls、xlsx、doc、docx、ppt、pptx、txt
1.xls、xlsx、doc、docx、ppt、pptx、属于office的预览,可以使用office的预览接口即可(需要考虑安全性)或者插件(file-viewer etc.)格式:要预览的文件地址='https://view.officeapps.live.com/op/view.aspx?src='+要预览的文件地址let URL = `https://view.officeapps.live.com/op/view.aspx?src=${encodeURI(filePath)}&原创 2022-01-26 10:40:32 · 2257 阅读 · 1 评论 -
阿里云如何设置content-type,微软的在线预览无法使用问题
项目中利用微软的word的在线预览功能:突然发现有的文件不能实现,通过试验发现不同的电脑在同一浏览器,同一版本的情况下上传的问件的content-type不一致导致的。 word文件.docx后缀的文件格式应该为:application/vnd.openxmlformats-officedocument.wordprocessingml.document,而有的电脑上传的却是使用的二进制流的形式(application/octet-stream,未知文件类型)。发现了这一个问题以后查找了许...原创 2021-12-17 14:32:36 · 869 阅读 · 0 评论 -
onTouchMove事件实现H5上下左右滚动
//判断滑动的方向const glideDirection = ({fu, fd, fl, fr}) => { let startX = null; let startY = null; let time; return function(e) { //获取滑动屏幕时的X,Y const touch = e.changedTouches[0]; if(!startX) { startX = touch.pageX; startY = touch.pageY; } .原创 2021-12-10 10:27:13 · 1264 阅读 · 0 评论 -
pdf pc端、h5在线预览问题 pdfjs-dist
1.插件file-viewer--pdf,word,xsl..etc2.iframe<iframe style={{width: '100%', height: '100%'}} title={filename} src={path} frameborder="0"></iframe>原创 2021-12-01 14:28:10 · 1802 阅读 · 0 评论 -
利用路由url记录数据
页面刷新,想要解决在页面恢复到当前所在的页面或者滑动的位置等问题,需要先记录当前页面的信息,记录信息的方式有多种,例如常见见的cookie、localStorage和 sessionStorage、url等等,我这使用的是url进行记录。import Qs from 'qs';const searchChange = (key, value) => { if(!key || value) return; let search = Qs.parse(window.locati.原创 2021-09-22 17:01:20 · 161 阅读 · 0 评论