首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    干货 | 小程序长按保存图片

    浏览器打开h5页面如果是img标签的话,长按会弹出保存图片的选项。但是小程序里面不可以,需要自己写这个功能。 这个功能有两个点,一个是长按,一个是保存图片到本地。 1....小程序关于图片长按的解释,有两种: ? 因此我们选用 bindlongpress 事件 2....保存图片接口 小程序同样提供了保存图片的接口,是wx.saveImageToPhotosAlbum() ? 3....最后再走个心吧,毕竟我这么可爱 ①长按后直接保存未免潦草了些,考虑到用户体验,加入 wx.showActionSheet() ② 如果用户拒绝授权 或者 以前拒绝过授权,这时候也应该给他提示,或者展示再次打开授权的入口...bindlongpress="saveImage"> // 长按保存功能

    4.2K20

    高仿聊天界面长按弹框样式

    效果图 背景 公司做的项目里面,刚好有需要用到聊天界面长按弹框样式这种UI的。 网上找了一下,没找到。 Android现成的 ListPopupWindow又不能满足需求。...因此非上班时间撸一个出来,供大家使用。 示例代码 关键文件、示例代码及使用方法等我都放到github上了。 这篇文章就不展开说明了。 这篇文章重点说明下怎么把这个样式给撸出来的。 说明一些关键点。...当显示的View左边时,显示的X坐标=View的中心点X坐标。 当显示的View右边时,显示的X坐标=View的中心点X坐标-PopupWindow宽度。...好了,到此高仿聊天界面长按弹框样式的代码剖析就结束了。 点击?阅读原文前往github查看具体代码。

    1.1K10

    浏览器中使用JavaScript实现文本复制功能

    开发Web应用时,我们常常需要为用户提供方便的功能,其中一个就是文本复制。然而,移动端的一些浏览器中,直接使用JavaScript复制文本可能会遇到问题,特别是浏览器中。...本篇博客将为您介绍如何使用JavaScript浏览器中实现文本复制功能。概述浏览器中,直接使用document.execCommand('Copy')复制文本是不可行的。...以下是一段JavaScript代码,可以浏览器中实现文本复制功能:// 检测是否iOS端function iosAgent() { return navigator.userAgent.match.../i);}// 复制文本函数,端,需要在用户触发 Click 事件里面才能执行成功function copy(message) { if (iosAgent()) { console.log...);});总结通过上述代码,您可以浏览器中实现文本复制功能。

    1.1K10

    小程序里长按识别二维码

    我们都知道公众号里的二维码可以长按识别,但是小程序限制比较严格,没有办法实现二维码的长按识别,一直以来我都是这样认为的,的官方规则里也是这么写的,直到今天上午,我无意间发现一个小程序里的二维码居然可以长按识别...可以看到,我们成功的小程序里实现了长按识别二维码的功能。下面就教大家如何一步步实现吧。因为官方的规格还没有明确说支持这个功能,所以这个功能有可能随时被禁。这里先带大家爽一把,能爽一会是一会儿。...一,首先使用webview来显示公众号文章 我们知道公众号文章里是自带长按识别二维码的功能的,所以我们要先在小程序里长按识别二维码,就必须在小程序里显示公众号文章,怎么显示公众号文章小程序里呢,这里我们就要用到...可以看到我们小程序的webview里成功的显示了公众号的文章了。然后在手机上预览如下 ? 可以看出来,我们这里是一篇标准的尾部带二维码的公号文章。那么我们长按是否可以识别这个二维码呢。 ?...可以看出,我们成功的长按识别出了二维码。 到这里我们就成功的实现了小程序里长按识别二维码了。。。 你也赶紧去试试吧。不敢保证百分之百的成功奥,因为官方还没有明确的开发这个功能。

    5.3K30

    Flutter | 思路解析 WPopupMenu 仿聊天长按弹出菜单

    child 的长度大于 menu 的长度,那么则把 menu 放在中间2.如果 child 的长度小于 menu 的长度,三角形的位置 child 的中间 不多说,上图: ?...WPopupMenu 实现思路解析 首先,还是按照正常业务逻辑,先提需求: 1.在当前页面弹出2.样子要和一样3.自动确定弹出位置(上 或者 下)4.三角形自动判断是 正三角 还是 倒三角 需求差不多了...样子要和一样 样式也很简单,大概也能看的出来: ?...直接复制代码,稍微改一改就能用: // 使用该控件 CustomSingleChildLayout( // 这里计算偏移量 delegate: _PopupMenuRouteLayout(),...完整代码已经传至GitHub:https://github.com/wanglu1209/WFlutterDemo 我也创建了一个群,有兴趣的可以扫码加群,如果群满,可以添加我个人:17610912320

    4.8K31

    小程序里长按识别二维码

    我们都知道公众号里的二维码可以长按识别,但是小程序限制比较严格,没有办法实现二维码的长按识别,一直以来我都是这样认为的,的官方规则里也是这么写的,直到今天上午,我无意间发现一个小程序里的二维码居然可以长按识别...不知道是官方的漏洞还是程序的bug,但是既然这个功能可以实现,那当然要愉快的用上一用啦 老规矩,先看效果图 [20200915185813499.png] 可以看到,我们成功的小程序里实现了长按识别二维码的功能...一,首先使用webview来显示公众号文章 我们知道公众号文章里是自带长按识别二维码的功能的,所以我们要先在小程序里长按识别二维码,就必须在小程序里显示公众号文章,怎么显示公众号文章小程序里呢,这里我们就要用到...type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70] 可以看到我们小程序的...不敢保证百分之百的成功奥,因为官方还没有明确的开发这个功能。但是现在小程序都可以分享到朋友圈了,相信小程序里长按识别二维码不会被禁止了吧,所以趁这个机会赶紧去试试这个功能吧。

    1.2K86

    Android仿最新自定义相机(长按拍摄,轻点拍照)

    之前说到我是新手,开发安卓也没有多长时间,但是公司的这段时间每一天都没闲着,碰到了各种各样的需求。...印象最深的就是有一个模块,我看到是和的录制视频是一样的,所以就在网上开始搜索,网上也看到了很多,但是运行出来效果并不是很令人满意,最终还是找到了 这是一个模仿拍照的Android开源控件 点击拍照...10s的视频大概1.9M左右 长按录视频(视频长度可设置) 长按录视频的时候,手指上滑可以放大视频 录制完视频可以浏览并且重复播放 前后摄像头的切换 可以设置小视频保存路径...还有千万要注意的是部分机型第一次进入的时候可能会黑屏,大家要在进入界面之前写好权限,下载上项目就可以代码里清楚的看到了,写的也非常清楚。

    72120

    js处理分享配置

    整理一下通过h5做分享相关配置。 流程介绍 公众号配置(AppID、IP白名单、JS接口安全域名) 网页授权 JSSDK配置使用 1....公众号配置 登录公众号,获取AppID,配置白名单,然后配置JS接口安全域名。...配置白名单 1.3 配置JS接口安全域名 左侧菜单栏选择:设置 => 公众号设置: ? JS接口安全域名 2. 网页授权 网页授权主要是获取openId使用,如果只是用分享操作,本步可以略过。...为什么要走这一步呢因为有些操作,例如支付、播放录音、获取地址、卡券、商品、小店等等许多功能必须在浏览器汇总打开操作才可以,因此需要跳入微浏览器及链接来处理后续操作。...}); 小结 其实分享(地理位置、扫一扫、卡券等各类接口)都是通过上述步骤配置的,可举一反三,面对不同需求时通过开发文档来进行更为复杂的操作。

    6.6K00

    基于小程序的长按录音、滑动取消发送功能实现~

    在做小程序的过程中,总是会冒出那么些没接触过的功能,然后就开始各种踩坑,最近要做一个长按录音的功能,大致需求为长按录音,垂直滑动则取消发送。...服务端【基于avconv转码工具的小程序语音识别功能实现~】中已经说到过,这里就不再说明了。...前端页面部分,主要需要三个事件,长按录音绑定longpress事件,松开发送绑定touchend事件,滑动取消发送绑定touchmove事件,代码如下: 长按语音识别 Js部分,首先定义录音接口及是否发送录音的初始值...,在这个事件中,需先将is_clock设置为true,然后记录长按时触摸点的坐标信息,用于后面计算手指滑动的距离,从而实现滑动取消发送功能,代码如下: handleRecordStart: function

    1.6K11

    云开发已支持「复制环境」功能

    为提升开发效率,云开发已支持「复制环境」功能,可将已有环境的配置快速复制到一个新的环境,免于重新配置相关策略。 进入 开发者工具-云开发控制台-设置-环境设置 中。...点击环境名称,环境列表中选择所需复制的环境名称,点击该环境后的“复制”按钮。  输入环境名称,点击确定,即可创建一个新的按量付费环境,并自动将老环境中的配置复制到该环境中。...实际开发中,建议每一个正式环境都搭配一个测试环境,所有功能先在测试环境测试完毕后再上到正式环境。...为了方便开发者调试,从开发者工具 1.02.1905302 及基础库 2.7.1 起, wx.cloud.init 后会在调试器中输出 SDK 中所使用的默认环境: 同时, Network 面板中会输出各个云开发操作的请求详情...云托管 30 问 ----       点击在看让更多人发现精彩

    1.4K40

    JS-SDK 本地调试

    最近在开发 h5 应用的时候,需要调起的扫一扫功能。那就得使用到JS-SDK,怎么本地开发中,使用 JS-SDK 的功能呢?...(功能不限于扫一扫) 在这里,我们介绍两种方法: Demo Mac M1 上进行;其他平台请自行验证 假设你已经申请了公众号测试账号,如果不知道如何操作,请前往本人之前的文章 - 调试公众号获取用户信息...access_token=ACCESS_TOKEN&type=jsapi 可以获取 Jsapi Ticket: 获取签名 我们已经获取到 jsapi_ticket,之后,通过 js 签名工具...开发工具的控制台输出的效果如下: 图中的 signature 是重新生成的 2....参考文 JS-SDK 如何本地调试 Mac上安装ngrok实现内网穿透

    11.9K10

    JS-SDK的使用

    JS-SDK是公众平台面向网页开发者提供的基于信内的网页开发工具包。...通过使用JS-SDK,网页开发者可借助高效地使用拍照、选图、语音、位置等手机系统的能力,同时可以直接使用分享、扫一扫、卡券、支付等特有的能力,为信用户提供更优质的网页体验。...JS-SDK使用步骤如下: 步骤一:绑定域名 登录公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。...步骤三:引入JS文件 需要调用JS接口的页面引入如下JS文件:http://res.wx.qq.com/open/js/jweixin-1.2.0.js 备注:支持使用 AMD/CMD 标准模块加载方法加载...2.小店商品详情页 viewType: '' }); 12.卡券 卡券接口中使用的签名凭证api_ticket,与步骤三中config使用的签名凭证jsapi_ticket不同,开发者调用卡券

    16.8K10

    JS交互之JSAPI支付

    前言 本篇为JS交互系列篇的第四篇JSAPI支付,记录在信内置浏览器内用调用支付过程。...一、 介绍 JSAPI支付是用户信中打开商户的H5页面,商户H5页面通过调用支付提供的JSAPI接口调起支付模块完成支付。...应用场景: 用户公众账号内进入商家公众号,打开某个主页面,完成支付 用户的好友朋友圈、聊天窗口等分享商家页面连接,用户点击链接打开商家页面,完成支付 将商户页面转换成二维码,用户扫描二维码后浏览器中打开页面后完成支付...2.2 公众平台中 由于信内支付需要获取用户的 openid,要获取它则必须通过网页授权配置。公众平台中, 公众号设置=>功能设置=>网页授权域名中按要求填写。...得到code,换取凭证获取openid 上一步执行完后,浏览器中,我们会得到一个链接,类似:b.html?

    5.4K21

    办公不安全 错还是管理?

    还是错管理 为此,我特意查询了几起典型的泄密案例,他们都有一个通用的共性,就是信息传递中泄密,多数都是因为误发了别的群导致多次转发,因为信里工作和生活混杂,很多人在工作传达过程出现了误传现象...据企业发布的《2018智慧企业数据报告》中数据显示,企业的注册企业数量一年内增长了180%,用户数则增长500%。近80%的中国500强企业开通了企业。...但是,泄密事件一出,加上媒体的连翻轰炸,必将会影响到办公政府行业中的布局, 甚至会有相关单位打算关停的一切服务的可能。...不过办公政府市场惨遭“屠杀”,必然会出现几家欢笑几家愁的局面,有人说办公终于因安全栽了跟头,但实际上对于办公而言也是一次救赎。...其实,这时候企业可以将政府的一些微办公应用做平滑迁移,并且和企业可以将生活和工作分开,安全方面,企业也可以提供私有化部署满足政务涉密的需求。

    1.3K00

    试错中前行

    近日公众平台发布公告称,订阅号可以关联博认证之后获得自定义菜单权限。目前本项政策仅对个人类型的订阅号生效。这大幅降低了公众账号自定义菜单获取的权限。 ?...公众账号作为一种“轻应用”,交互上却呈现出退步的趋势。公众账号读者需要通过文字、数字、字母等方式主动获取内容,公众账号运营者则需要每日更新目录、匹配图文内容关键字,苦不堪言。...在此之前,只有服务号、经过认证的“艺人”等类型订阅号可获得自定义菜单。 腾讯康盛团队推出“社区”之后,这一问题更是迫在眉睫。社区缺乏一个“菜单”这样的大入口。...与企业沟通过程中,中小企业绝大多数不愿意选择1个月只能推送1次的服务号,因为没有推送功能的公众账号很难接触用户。消息到达能力是公众账号的核心竞争力。...同时,近日发布公告禁止鼓励分享朋友圈行为,但腾讯的一些活动例如红包则明显支持此类行为,这说明公众账号自身在矛盾中前行。 “出世”还是“入世”,也需思考人生。

    1.4K70
    领券