loveway-php/pages/submit.php

<?php
if ($templateMode) {
    include('./includes/header.php');
}
?>
<br /><br />
<div class="mdui-card mdui-hoverable" style="border-radius: 16px">
    <div class="mdui-card-primary">
        <div class="mdui-card-primary-title">立即表白</div>
        <div class="mdui-card-primary-subtitle">快向你喜欢的TA表白吧！</div>
    </div>
    <div class="mdui-divider"></div>
    <div class="mdui-card-content">
        <div class="mdui-textfield">
            <label class="mdui-textfield-label">你的QQ</label>
            <textarea id="qq" class="mdui-textfield-input" placeholder="2333333333"></textarea>
        </div>
        <div class="mdui-textfield">
            <label class="mdui-textfield-label">你的名字</label>
            <textarea id="name" class="mdui-textfield-input" placeholder="镜音连"></textarea>
        </div>
        <div class="mdui-textfield">
            <label class="mdui-textfield-label">TA的名字</label>
            <textarea id="taName" class="mdui-textfield-input" placeholder="镜音铃"></textarea>
        </div>
        <div class="mdui-textfield">
            <label class="mdui-textfield-label">表白配图（可选）</label>
            <?php
            if ($UPLOAD_IMAGE) {
            ?>
                <div class="mdui-row">
                    <div class="mdui-col-md-10 mdui-col-sm-10 mdui-col-xs-7">
                        <textarea id="image" class="mdui-textfield-input" placeholder="https://kagamine.top/img.png"></textarea>
                    </div>
                    <div class="mdui-col-md-2 mdui-col-sm-2 mdui-col-xs-5">
                        <a href="javascript:;" id="upload" class="mdui-color-theme-accent a-upload mr10">
                            <input type="file" name="" accept=".png,.jpeg,.jpg" id="upload-image">选择图片
                        </a>
                    </div>
                </div>
            <?php
            } else {
            ?>
                <textarea id="image" class="mdui-textfield-input" placeholder="https://kagamine.top/img.png"></textarea>
            <?php
            }
            ?>
        </div>
        <div class="mdui-textfield">
            <label class="mdui-textfield-label">一句话介绍一下TA</label>
            <textarea id="introduceTA" class="mdui-textfield-input" placeholder="镜音铃是一个元气的二次元少女"></textarea>
        </div>
        <div class="mdui-textfield">
            <label class="mdui-textfield-label">你要对TA说的话</label>
            <textarea id="toTA" class="mdui-textfield-input" rows="4" placeholder="我喜欢你..."></textarea>
        </div>
    </div>

    <div class="mdui-card-actions">
        <button id="submitbtn" style="border-radius: 8px" class="mdui-btn mdui-color-theme-accent mdui-ripple mdui-float-right" onclick="submit()">
            发射！
        </button>
    </div>
    <script>
        function submit() {
            url = $("#url").val();
            if (<?php if ($IMAGE_VERIFICATION) echo 'true';
                else echo 'false'; ?>) {
                imageVerification(function(answer) {
                    request(answer)
                })
            } else {
                request('0000');
            }
        }

        $("#upload").on("change", "input[type='file']", function() {
            max_size = <?php echo $MAX_UPLOAD_SIZE * 1024; ?>;
            file = $(this).prop('files')[0]
            ext = $(this).val().substring($(this).val().lastIndexOf(".") + 1).toLowerCase()
            allow_ext = ["jpg", "png", "jpeg"];
            if (allow_ext.indexOf(ext) == -1) {
                mdui.alert("上传失败！不允许的图片格式！本站仅允许jpg、png、jpeg格式的图片！")
                return false
            }
            if (file.size > max_size) {
                mdui.alert("上传失败！图片过大！本站允许上传的最大大小：" + (<?php echo $MAX_UPLOAD_SIZE; ?>).toString() + "KB")
                return false
            }
            imageVerification(function(answer) {
                $('#upload-image').attr("disabled", "disabled")
                $("#isLoading").show(100)
                timestamp = this.timestamp = Date.parse(new Date()) / 1000;
                data = new FormData()
                data.append('file', file)
                data.append('vcode', answer)
                data.append('timestamp', timestamp)
                $.ajax({
                    type: 'POST',
                    url: "<?php echo $UPLOAD_API ?>",
                    data: data,
                    cache: false,
                    processData: false,
                    contentType: false,
                    success: function(rdata) {
                        $("#isLoading").hide(100)
                        $("#image").val(rdata.path)
                        $('#upload-image').removeAttr("disabled")
                        if (rdata.code == 1) {
                            mdui.snackbar({
                                message: rdata.msg,
                                position: 'right-top',
                            })
                        } else {
                            mdui.alert(rdata.msg)
                        }
                    },
                    error: function(data) {
                        $("#image").val("")
                        $('#upload-image').removeAttr("disabled")
                        mdui.snackbar({
                            message: "请求接口[upload]时，出现了一个致命错误！",
                            position: 'right-top'
                        })
                    }
                })
            })
        });

        function request(vCode) {
            var contact = $("#qq").val();
            var name = $("#name").val();
            var taName = $("#taName").val();
            var image = $("#image").val();
            var introduceTA = $("#introduceTA").val();
            var toTA = $("#toTA").val();
            var timestamp = this.timestamp = Date.parse(new Date()) / 1000;
            var key = $.md5(
                'Kagamine Yes!' +
                contact +
                name +
                taName +
                image +
                introduceTA +
                toTA +
                timestamp)
            requestApi("submit", {
                key: key,
                timestamp: timestamp,
                contact: contact,
                name: name,
                taName: taName,
                image: image,
                introduceTA: introduceTA,
                toTA: toTA,
                vCode: vCode
            }, function(rdata) {
                if (rdata.id === undefined) return;
                $("#qq").val("");
                $("#name").val("");
                $("#taName").val("");
                $("#image").val("");
                $("#introduceTA").val("");
                $("#toTA").val("");
                redirect_url = <?php
                    if ($REWRITE) {
                        echo "'/card/'+rdata.id";
                    } else {
                        echo "'/?page=card&id='+rdata.id";
                    }
                    ?>

                $.pjax({
                    url: redirect_url,
                    container: '#pjax-container'
                });
            }, true, false, "#submitbtn")
        }
    </script>
</div>
<br /><br />