h5
woderlili
将学变成玩
展开
-
uniapp h5上传头像并压缩图片
在移动端浏览器中,拍照上传头像,现在的手机拍照后的图片都比较大,所以上传前需要压缩一下在上传,我使用的是uniapp ,uniapp的api中提供了uni.chooseImage 方法,其中 sizeType属性中有original(原文件), compressed(压缩后的文件),但是在h5中使用compressed并没有压缩文件,百度过后有了解决办法代码如下(ios)<view class="dj-signResult-img-icon" @click="handleUpload"> &原创 2021-07-09 08:37:50 · 718 阅读 · 0 评论 -
uniapp h5浏览器文件下载
h5项目中包含一些doc,pdf,jpe,png,压缩包文件,要求在移动端的个个浏览器中下载,但是发现微信浏览器以及钉钉内置浏览器都不能下载文件,点击后没有任何反应,百度后,发现微信浏览器会拦截h5页面的下载资源,钉钉不知道是啥原因,但是感觉跟微信内置浏览器一样,应该是被拦截了,一下文件下载只使用于手机浏览器<view @click="downFile(file)"></view>// 保存到本地并自动点击 saveAs(data, name) { var ur原创 2021-07-08 11:50:39 · 5325 阅读 · 14 评论 -
uniapp iOS键盘弹出,手机浏览器中h5页面整体上移问题
最近做了一个项目,要求在移动端的浏览器中打开我们的系统,进行数据操纵,使用uniapp+vue 为整体框架问题:登陆页面底部logo使用flexd 布局方式,在android打开么没有提,但是在iOS 10 中键盘弹出,手机浏览器中h5页面整体上移,百度了一下,可以看一下这篇文章https://www.jianshu.com/p/f5253b3ab100主要的原因是应为部分ios系统不支持window.resize...原创 2021-07-07 17:11:47 · 2751 阅读 · 0 评论 -
利用css实现大屏新闻数据无缝滚动
前言:前段时间做大屏,需求要求实现新闻数据无缝滚动,数据数据是不固定的,而且每一分钟还要重新获取最新的新闻数据动态,之前是用定时器实现无缝滚动,但是性能不好,页面容易卡顿,然后突然想起来上大学的时候用css做过一个图片无缝滚动,灵机一动我就换了一个思路实现它。接下来上才艺????...原创 2021-04-15 15:19:23 · 1904 阅读 · 2 评论 -
移动端H5外部链接图片显示问题
移动端H5外部链接图片显示问题在做大屏H5时,有一个需求是,渲染pc端编写的富文本内容,其中内容是网上复制黏贴的新闻,包含一些https链接的地址,在使用v-html渲染时,图片无法显示。打开F12会发现图片403,百度后的解决办法就是在index文件中,head中添加一句即可,设置后图片就可以正常显示了,原理可以看这篇文章链接地址:https://www.jianshu.com/p/56df73d0d128;作者:ITgecko...原创 2021-04-08 17:48:37 · 798 阅读 · 0 评论