通过二维码上传手机文件到服务器

最新推荐文章于 2021-08-11 21:46:51 发布

dipoyu9446

最新推荐文章于 2021-08-11 21:46:51 发布

阅读量1.4k

点赞数

文章标签： php javascript 数据库 ViewUI

原文链接：http://www.cnblogs.com/zrboke/p/11192458.html

版权

这篇博客介绍了如何实现手机通过扫描二维码将文件上传到服务器，从而达到手机和PC的同步。首先，自动生成二维码，然后创建一个H5页面供手机扫描并上传文件。通过赋予二维码唯一标识，服务器可以正确处理请求并接收H5页面上传的图片。

摘要由CSDN通过智能技术生成

Hello，大家好。这是我的第一篇博客，给大家分享下手机扫码上传图片到服务器实现手机pc同步.

1、自动生成二维码--> 可以去二维码生成工具网站获取api也可以直接用这个：http://qr.topscan.com/api.php?text= ？

注意：问号代表二维码访问的路径如果后面跟www.baidu.com就会跳转百度

2、这里写了个h5页面用于手机扫一扫上传文件跳转

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>load_photo</title>

    <link rel="stylesheet" href="${basePath}/resources/css/lyj/load_photo/load_photo.css">
</head>
<body>
    <div class="phone_container">
        <div class="photo_content">
            <div class="header">
                BIP产品文件上传模块
            </div>
            <div class="business_name">
                业务名称：测试业务
            </div>
            <div class="material_name">
                材料名称：身份证
            </div>
            <img src="" alt="" class="showImg" width="90%">
            <div class="low_bottom">
                 <div class="bottom">
                   <p>选择</p>
                   <p>文件</p>
                 </div>
                 <div class="bottom_sure">
                     <p>确认</p>
                     <p>上传</p>
                 </div>
            </div>
            <div class="load_btn">
                <form  enctype="multipart/form-data">
                    <input type="file" class='inp_btn'accept="image/png,image/jpeg,image/jpg">
                    <input type="button" value="提交" class="btn_empty">
                </form>
              </div>
        </div>
    </div>
</body>
<script src="${basePath}/resources/js/plugins/jquery/jquery.js"></script>
<script type='text/javascript'>
//type 的值为1:选择文件,2选择文件&确认上传
$(document).ready(function(){

        $('.bottom_sure').css('display&