![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
石金豆
大前端
展开
-
前端base64转file
很多时候上传图片需要前端把base64转换为file文件流,以formdata的格式传给后端。这里提供转换方法,亲测有效。 base64toFile (dataBase64, filename = 'file') { let arr = dataBase64.split(',') let mime = arr[0].match(/:(.*?);/)[1] //设置file文件流的type名称 let suffix = mime.split('/')[1]原创 2021-09-10 13:59:24 · 1932 阅读 · 0 评论 -
h5移动端判断浏览器类型
获取浏览器信息,处理浏览器信息。通俗易懂,直接上代码:function customBrowserVersion(){ var u = navigator.userAgent; return { trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.indexOf('AppleWebKi原创 2021-01-19 17:46:14 · 1821 阅读 · 0 评论 -
移动端h5页面打开高德地图或者百度地图实现导航
需求场景:用户会收到一条短信,短信带着链接,点击链接跳转h5页面,h5页面实现跳转地图并实现导航。方法:1.a标签直接打开地图,地图在浏览器支持跳转。高德:<a href="https://uri.amap.com/marker?position=经度,纬度&name=所在的位置名称">高德地图</a>百度:<a href="http://api.map.baidu.com/marker?location=纬度,经度&title=所在位置名原创 2021-01-14 15:58:37 · 10844 阅读 · 2 评论 -
js获取url参数解析成对象
直接上代码,粘贴即可使用<script>leturl="http://witmax.cn/index.php?key0=0&key1=1&key2=2";lethongdou=url.indexOf("?");//检索letstr=url.slice(hongdou+1);//选取letarr=str.split("&");//分割letr...原创 2020-08-14 14:54:25 · 356 阅读 · 0 评论 -
移动端图片预览功能(放大和左右滑动)
1.分享一个好用的h5移动端图片预览插件,直接上代码:在你的项目中引入imageReview.js文件,如下:var reviewHtml='<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">'+ '<div class="pswp__bg"></div>'+ '<div class="pswp__scroll-wrap">'+ '<di原创 2020-07-03 17:31:10 · 1952 阅读 · 0 评论 -
前端js实现模糊搜索功能
现实需求中,我们经常会遇到input框输入之后搜索匹配的内容,对于数据结构不经常改变的,前端实现,减少请求接口,适当减少服务器压力。分享一个一段代码实现(很简单)let keyword = "内容"; //需要搜索的关键字let originalArr = [{"name":"内容","age":"18"},{"name":"内容2","age":"18"},{"name":"内容3","age":"18"}] //原始数组let teacherList = this.originalArr.原创 2020-06-18 17:44:58 · 2517 阅读 · 0 评论