微信公众号aiax上传多张图片限制两张

最新推荐文章于 2021-01-12 19:50:17 发布

Php_Python_Java

最新推荐文章于 2021-01-12 19:50:17 发布

阅读量5.5k

点赞数

分类专栏： js 文章标签：微信 ajax上传多图片

本文链接：https://blog.csdn.net/ChenZhuoDeDiKang/article/details/79198778

版权

https://gitee.com/yinfanliang/chengyang.git

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo页面</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/layer/3.1.0/mobile/need/layer.css">
    <link rel="stylesheet" href="./css/style.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/layer/3.1.0/mobile/layer.js"></script>
    <script src="./js/lrz.bundle.js"></script>
</head>
<body style="background-color: #dcdede">
<div class="container-fluid">
    <form role="form">
        
        <div class="form-group">
            <label for="name">举报描述:</label>
            <textarea class="form-control" id="content" name="content" rows="8"
                      placeholder="请输入举报内容"></textarea>
        </div>
        <!--上传图片开始-->

        <label for="name">拍照:</label>
        <!--    照片添加    -->
        <div class="z_photo">
            <div class="z_file">
                <input type="file" name="file" id="file" value="" accept="image/*" multiple
                       οnchange="imgChange('z_photo','z_file');"/>
            </div>

        </div>

        <!--遮罩层-->
        <div class="z_mask">
            <!--弹出框-->
            <div class="z_alert">
                <p>确定要删除这张图片吗？</p>
                <p>
                    <span class="z_cancel">取消</span>
                    <span class="z_sure">确定</span>
                </p>
            </div>
        </div>

<script type="text/javascript">
    var file = document.getElementById('file');
    var u = navigator.userAgent, app = navigator.appVersion;
    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
    var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    // alert('是否是Android：'+isAndroid);
    // alert('是否是iOS：'+isiOS);
    (function (doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                if (clientWidth >= 640) {
                    docEl.style.fontSize = '100px';
                } else {
                    docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
                }
            };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
    var num = 0;
    if (isAndroid) {
        var formdata = new FormData();
        file.addEventListener('change', imgChangeUpload, false);

        function imgChangeUpload() {
            formdata.append("file", $('#file'

最低0.47元/天解锁文章

Php_Python_Java

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
微信公众号aiax上传多张图片限制两张

https://gitee.com/yinfanliang/chengyang.git &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;demo页面&lt;/title&gt; &
复制链接

扫一扫