首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏编程技术

    手机APP上传图片到PC网站端实现方案

    一、需求描述用户场景:用户在PC网站端需要上传图片网站生成二维,用户使用手机APP手机APP选择/拍摄图片上传PC端实时接收并显示上传图片技术需求:双向通信:PC端与手机端建立连接实时同步:图片上传进度和结果实时同步安全性 PC网站生成二维(包含会话ID和WebSocket连接信息)2. 手机APP,建立WebSocket连接3. APP选择/拍摄图片,分块上传4. DOCTYPE html><html><head> <title>上传图片</title> <script src="https://cdn.jsdelivr.net/npm/qrcode 优缺点优点:用户体验好:手机操作更便捷,适合<em>图片</em><em>上传</em>跨平台:一套方案支持多平台实时性强:进度反馈即时资源友好:PC端无需处理复杂的<em>图片</em>选择逻辑缺点:实现复杂度高:需要两端开发网络依赖:需要稳定的网络连接<em>扫</em><em>码</em>步骤 实际应用场景电商平台:商家用手机<em>上传</em>商品<em>图片</em>到PC后台办公系统:手机拍摄文档<em>上传</em>到PC进行编辑社交应用:手机相册<em>图片</em>分享到PC端教育平台:学生作业拍照<em>上传</em>到PC端批改系统这种<em>扫</em><em>码</em><em>上传</em>方案特别适合需要频繁在手机和

    16920编辑于 2026-05-06
  • harmony-utils之ScanUtil,工具类(图生成、图片)

    其封装的工具涵盖了APP、设备、屏幕、授权、通知、线程间通信、弹框、吐司、生物认证、用户首选项、拍照、相册、、文件、日志,异常捕获、字符、字符串、数字、集合、日期、随机、base64、加密、解密、JSON AbilityConstant.LaunchParam): void { AppUtil.init(this.context); }API方法与使用startScanForResult 调用默认界面 scanStr3 = JSON.stringify(scanResult, null, 2); })} else { ToastUtil.showToast("请先点击generateBarcode生成二维图片 ,并调用图片ScanUtil.onPickerScanForResult().then((scanResult) => { let scanStr2 = JSON.stringify(scanResult , null, 2); Utils.showSheetText(scanStr2);}).catch((err: BusinessError) => { ToastUtil.showToast("异常

    32600编辑于 2025-06-28
  • 来自专栏call_me_R

    并生成二维

    但是冗长的序列号占位比较大,那么,我们是否可以将这些商品的序列号生成一个二维呢?然后,我们可以通过就知道这个箱子里面装的是什么序列号的产品。 这个比较简单,首先,我们拿到枪,将其和电脑连接起来。 然后,将鼠标光标放在输入框或者导航栏内,将枪对准商品的序列号条形码进行扫描,相应的内容就会在页面中展示出来。 nz-input-group [nzSuffix]="suffixIconSearch"> <input type="text" nz-input placeholder="请将鼠标聚焦到该点再使用<em>扫</em><em>码</em>枪<em>扫</em><em>码</em> span nz-icon nzType="scan"> </ng-template> 核心 typescript 代码: public value:string = ''; //输入框的值,枪扫进去的值 因为生成的这个二维我们需要添加站点进去,当用户用手机扫描这个二维之后,能够跳转到对应的站点。 感兴趣的读者可以自行尝试验证。 Thanks for reading.

    3.3K30编辑于 2023-03-09
  • 来自专栏谭广健的专栏

    支付与反支付

    最近在筹划一个新的移动支付便民项目,突然在支付与反支付的选择上有困难;首先支付是你对方的收款二维,反支付是对方你的付款二维;二者基本都占有50%的市场。 虽然都是支付付款,那问题来了究竟支付与反支付究竟各有什么优缺点呢? 反支付--就是生成总金额后通过启动器,对用户二维进行校验。。这个技术难度一般,成本就需要一个扫描器,开发相对复杂点。 用户体验: 支付--直接用手机进行支付,并确认,过程大概四五分钟。 反支付--显示二维然后被,不用确认,过程大概两三分钟。 那其实很明显支付比反支付更好,但支付有一个硬伤就是可以将支付的二维转发给他人进行识别扫描,并且也容易被人替换。

    5.8K10发布于 2019-09-07
  • 来自专栏全栈程序员必看

    手机登陆原理(充电线原理)

    问题描述 qq,淘宝等应用在pc端app或网页版都有登陆功能(下述统称为网页端)。用户无需输入用户名和密码,通过在手机端app登陆后,网页中的二维即可直接登陆。 原理分析:网页端+服务器 用户在浏览器点击“二维登陆”向服务器发送登陆请求,服务器收到请求后,随机生成一个uuid(通用唯一标识符:universally unique identifier) ,将这个id作为key值存入redis(数据库)服务器,同时设置一个过期时间,过期后,用户得刷新重新获取二维登陆。 服务器将uuid这个key值和本公司的验证字符串组合在一起,通过二维生成接口生成一个二维图片,然后将二维图片和uuid一起返回给浏览器。 原理分析:手机端+手机端服务器 服务器返回二维图片到浏览器后,会提示信息让用户拿出手机。用户获取二维中的字符串。

    2.9K20编辑于 2022-08-01
  • 来自专栏java工会

    聊聊登录

    日常小科技 二维登录这个操作,在我们日常生活中频频出现,在办公室的你是不是每天都要登陆电脑微信,这背后的原理又是什么呢? 1 什么是二维 二维又称二维条码,常见的二维为QR Code,QR全称Quick Response,是一个近几年来移动设备上超流行的一种编码方式,它比传统的Bar Code条形码能存更多的信息,也能表示更多的数据类型 4 二维登录原理 登录可以分为三个阶段:等待扫描,已扫描待确认,已确认 1.等待扫描 ? 首先,PC端的应用携带设备信息向服务端发起二维请求。服务端生成唯一的二维,并与设备信息进行绑定。 在设置超时时长后,将二维返回给PC端的应用。 PC端应用在收到二维后进行展示,等待扫描。此时PC端应用会定时轮询二维的状态,超时则会显示二维失效。 2.已扫描待确认 ? 移动端扫描二维,获取二维的ID。将token,二维ID,设备信息发送给服务端。 服务端接收到请求后,将token和二维ID关联。并重新生成一个临时token返回给移动端。

    3.5K30发布于 2021-07-20
  • 登录流程

    一个用户在已经在APP端登入了,网页的二维,授权web端登录。 participant P as PC participant S as Server 用户->>A: 1、用户打开APP(已登入) 用户->>P: 2、用户打开浏览器 P->>S: 3、请求二维 S->>S: 4、缓存二维code S->>P: 5、返回二维 P->>P: 6.1、解析二维获取code S-->>P: 6.2、websocket更新二维 A->>P : 7、获取code A->>S: 8、username+token+二维code获取登录code S->>S: 9、缓存登录code S->>P: 10、返回已消息(username ) P->>P: 11.1、展示已 S->>A: 11.2 返回登录code A->>S: 12、点击确认登录 username+token+登录code 生成pc token

    1.2K00编辑于 2025-01-12
  • 来自专栏全栈程序员必看

    登录的原理和实现方法_支付的原理

    2 登录原理 登录本质是解决将 APP 端的用户登录信息(通常是 Token)通过的形式安全稳定地同步给 Web 端。 :获取状态和获取用户登录信息。 3.1 获取状态 用户在 Web 端页面看到二维信息后,会使用客户端进行授权,而 Web 端需要尽快获取到二维的状态(已、已过期、已取消、已授权)并同步到网页中展示给用户, 现在有3种方案 先以微信公众平台为例,进入其登录页,就会发现密密麻麻的调用获取状态请求过程,很明显是采用了轮询方案。 4 安全防护 前面提到,登录的本质是通过手段安全稳定地同步用户信息。那么我们可以通过哪些手段提高同步过程中的安全性?

    5.1K10编辑于 2022-11-01
  • 来自专栏微信公众号:Java团长

    登录实现原理

    今天说一说现在比较流行的登录的实现原理。 需求介绍 首先,介绍下什么是登录。现在,大部分同学手机上都装有qq和淘宝,天猫等这一类的软件。而开发这些app的企业,都有他们相对应的网站。 这些企业提供了, 使用手机,,就可以登录的服务。网页登录时的效果如下: ? ? 有很多小伙伴可能会感到很神奇,网页上只是显示了个二维,它怎么就知道是哪个手机扫到了二维,并且进行登录的呢? 同时,将这个key值和本公司的验证字符串合在一起,通过二维生成接口,生成一个二维图片(二维生成,网上有很多现成的接口和源码,这里不再介绍。)然后,将二维图片和uuid一起返回给用户浏览器。 具体操作如下: 手机端+服务器 话说,浏览器拿到二维后,将二维展示到网页上,并给用户一个提示:请掏出您的手机,打开一扫进行登录。 用户拿出手机扫描二维,就可以得到一个验证信息和一个uuid(扫描二维获取字符串的功能在网上同样有很多demo,这里就不详细介绍了)。

    7.3K61发布于 2018-09-27
  • 来自专栏故久

    微信支付

    在商户平台添加支付功能。 二.根据微信支付开发文档进行开发 https://pay.weixin.qq.com/wiki/doc/api/native.php? = UUID.randomUUID().toString().replace("-", "").toLowerCase(); //此处执行付款 try { //得到二维链接 String text = iserver.xxxx(); logger.info("function:{},response:{}" "微信pc支付", text ); System.out.println(text); //根据url来生成生成二维 int width = 300; int height = 300; //二维图片格式 String format = "jpg"; Hashtable hints = new Hashtable();

    7.5K10发布于 2019-12-16
  • 来自专栏ZackSock

    Python实现工具

    有想过自己实现一个工具吗?如果想的话就继续看下去吧! 一、案例分析 我们先思考一下,实现工具需要写什么操作。在过程中我们需要打开摄像头,如何由手机或者电脑识别二维。 安装好模块后,我们就可以来实现工具了。 三、识别二维 有了pyzbar模块后,我们识别二维的工作就非常简单了,首先需要准备一张二维。 五、实现工具 我们工具的主体部分是调用摄像头的操作,我们需要对读取到的每一帧画面进行解析,当解析出结果后输出并退出。 因为通过VideoCapture对象获取的图片帧和通过cv2.imread获取的图片是同一数据类型。 上面关键步骤在解析二维的操作。 到这里,我们就实现了工具。

    3.3K40发布于 2020-10-10
  • 来自专栏编程之路的专栏

    Flutter 最佳插件

    长期以来,Flutter都缺乏一个简单易用,功能强大的二维、条形码等库,需要既能支持相机,也能支持本地图片识别。 得益于华为在计算机视觉领域能力的积累,Scan Kit可以实现远距离或小型的检测和自动放大,同时针对常见复杂场景(如反光、暗光、污损、模糊、柱面)做了针对性识别优化,提升成功率与用户体验。 Android iOS Scan Kit支持扫描13种全球主流的制式。如果您的应用只处理部分特定的制式,您也可以在接口中指定制式以便加快速度。 、PDF417、Aztec 支持相机和本地图片识别。 TODO SDK本身支持自定义UI,但目前插件还未进行深度封装,无法支持自定义页面,后续将抽一点空,通过外接纹理方式进行深度封装,支持直接在Flutter Widget层自定义界面。

    5.2K00发布于 2021-05-03
  • 来自专栏autMan机器人

    奥特曼autMan对接BBK-JD登录+微信登录

    1.BBK京东容器配置首先进入root目录cd /root拉取镜像创建容器docker run -dit \ -v $PWD/conf:/data/conf \ -v $PWD/logs:/data 3.奥特曼对接BBK首先前往奥特云搜索BBK,找到“Z-bbk京东”或者“Z-bbk微信”进行安装,如安装提示ERRO,请检查奥特曼咖啡是否有效。 随后对机器人发送,“京东”或“微信”指令,根据提示进行配置操作。这个时候在“应用市场”搜索UserPaly并安装。 根据插件提示进行配置收费模块以及是否打开登录收费系统配置完发送:“京东” 检查是否正常出现二维。 这样就可以食用了,微信不需要配置转换脚本,其他同上。

    3.7K40编辑于 2023-04-17
  • 来自专栏向治洪

    ios zxing问题

    在ios 中 扫瞄二维,条形码基本有 2中第三方的库,一个是zbar 一个是zxing,zxing 在android中表现的比较出色,但是在ios 中不是很好用,扫瞄效率低,我们一般都用zbar,但是有些 我用了好多ios 的app 都无法识别, 《我查查》,《快拍二维》,《微信》,自己用zbar都不行,最后用android 手机轻松扫瞄ok,哪我知道为什么了,是zxing可以搞定这种条形码。

    2.8K60发布于 2018-02-05
  • 来自专栏Web项目聚集地

    登录实现原理

    今天说一说现在比较流行的登录的实现原理。 需求介绍 首先,介绍下什么是登录。现在,大部分同学手机上都装有qq和淘宝,天猫等这一类的软件。而开发这些app的企业,都有他们相对应的网站。 这些企业提供了, 使用手机,,就可以登录的服务。网页登录时的效果如下: 有很多小伙伴可能会感到很神奇,网页上只是显示了个二维,它怎么就知道是哪个手机扫到了二维,并且进行登录的呢? 同时,将这个key值和本公司的验证字符串合在一起,通过二维生成接口,生成一个二维图片(二维生成,网上有很多现成的接口和源码,这里不再介绍。)然后,将二维图片和uuid一起返回给用户浏览器。 具体操作如下: 手机端+服务器 话说,浏览器拿到二维后,将二维展示到网页上,并给用户一个提示:请掏出您的手机,打开一扫进行登录。 用户拿出手机扫描二维,就可以得到一个验证信息和一个uuid(扫描二维获取字符串的功能在网上同样有很多demo,这里就不详细介绍了)。

    2.3K20发布于 2018-09-21
  • 来自专栏

    登录技术原理

    同时,将这个key值和本公司的验证字符串合在一起,通过二维生成接口,生成一个二维图片(二维生成,网上有很多现成的接口和源码,这里不再介绍)。然后,将二维图片和uuid一起返回给用户浏览器。 3 淘宝的登录技术实现 本节我们以淘宝的登录为例,来实际研究分析一下淘宝的登录实现逻辑。 如果没有,返回的为: ? ,进行相应的操作: * 408 超时:如果手机没有或没有授权登录,服务器会阻塞约25s,然后返回状态 408 -> 前端继续轮询 ? * 400 二维失效:大约5分钟的时间内不,二维失效 ?

    6.1K10发布于 2020-02-12
  • 来自专栏Java note

    SpringBoot 实现登录

    最近有个项目涉及到 websocket 实现登录,看到一篇不错的技术文,分享一下。 一、首先咱们需要一张表 这表是干啥的呢?就是记录一下谁了。谁登录了。 登录这个业务逻辑都有哪些角色 android端 or 微信Web端 : PC端 :被。登录 服务端:掌控全局,提供接口。 三、接口都需要哪些? 有了角色。你用大腿也能想出来接口了对不对!! 知识点:动态加载图片流并取出header中的参数 这里使用了xmlhttp进行处理。 为什么? 因为后端返回的是一个流。那么流中。就是放置了二维中的uuid。这个uuid作为一次会话的标识符使用。 这样有人后。服务端才可以使用webSocket的方式通知前端。有人成功了。你做你的业务吧。酱紫。 3、然后手机端使用相机拿到二维中的uuid。使用uuid + userid 请求 成功接口。

    1.5K30编辑于 2023-10-27
  • 来自专栏全栈程序员必看

    面试登记怎做的_无面试官记录

    登录场景 登录场景想必我们都不陌生——很多PC端的网站都提供了登录的功能,无需在网页上输入任何账号和密码,只需要通过手机上的APP,如微信、淘宝、QQ等等,使用扫描功能,扫描网页上的二维登录分析 我们来分析一下,登录,其实涉及到三种角色,需要解决两个问题。 三种角色 很明显,登录当中涉及到的三种角色:PC端、手机端、服务端。 现在换成了登录: 认证不是通过账号密码了,而是由手机端来完成 PC端没法同步获取认证成功之后的凭据,必须用某种方式来让PC端获取认证的凭据。 手机干了什么 那这下就清楚了,我们手机干了两件事: 扫描二维:识别PC端展示的二维,获取二维ID 确认登录:手机端通过带认证信息(token key、设备信息)、二维信息(二维ID) 总结 通过前面的分析,我们已经知道了二维登录的一些关键点,现在我们把这些点串起来,来看一看二维登录的整体的实现流程。

    1.7K10编辑于 2022-11-17
  • 来自专栏酷玩时刻

    微信支付(模式一)微信支付(模式一)

    微信支付(模式一) 官方文档地址:https://pay.weixin.qq.com/wiki/doc/api/native.php? chapter=6_4 项目开源地址:http://git.oschina.net/javen205/weixin_guide 微信支付遇到的问题 原生支付URL参数错误 回调接口URL有回调 ,但是接收不到参数 商户后台返回的数据字段结构不合法 获取商户订单信息超时或者商户返回的httpcode非200 解决问题 原生支付URL参数错误 这个错误一般会出现在获取到二维URL之后生成二维微信的时候 * @author Javen * 2016年5月14日 * 支付获取二维URL(模式一) */ public String getCodeUrl(){ String url="weixin params.put("appid", appid); params.put("mch_id", mch_id); params.put("body", "测试支付

    4.4K30发布于 2018-08-21
  • 来自专栏达达前端

    上传图片

    // 允许上传图片后缀 $allowedExts = array("gif", "jpeg", "jpg", "png"); $temp = explode(". "
    "; }else{ echo "上传文件名: " . $_FILES["file"]["name"] . "
    "; }else{ echo "上传文件名: " . $_FILES["file1"]["name"] . "
    "; }else{ echo "上传文件名: " . $_FILES["file2"]["name"] . _FILES["file3"]["name"]; $name4 = $_FILES["file4"]["name"]; $name5 = $_FILES["file5"]["name"]; // 允许上传图片后缀

    13.4K20编辑于 2022-04-29
领券