Question

我有一个脚本代码，可以使用AJAX在imgur上传照片。但是我无法隐藏公众的客户ID。

我认为我需要使用PHP才能使用此代码：

<?php $idClient = "abc12abc12abc";
        echo $idClient ;
?>

但是当它查看源代码时，它仍然可以看到Client-ID。

这是完整的代码：

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Imgur Upload Test</title>
        <style>
            #image_preview, #image_preview_2 {
                max-width: 200px;
            }
        </style>
    </head>
    <body>
        <h1>Imgur Upload Test</h1>
        <input type="file" id="image_selector" />

        <div id="image_preview"></div>
        <h2>Image On Imgur:</h2>
        <div id="image_preview_2"></div>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script>
            $("#image_selector").change(function() {
                var reader = new FileReader();
                reader.onload = function(e) {
                    var data = e.target.result.substr(e.target.result.indexOf(",") + 1, e.target.result.length);
                    $("#image_preview").html("<img src='" + e.target.result + "' />");
                    $.ajax({
                        url: 'https://api.imgur.com/3/image',
                        headers: {
                            'Authorization': 'Client-ID <?php $idClient = "abc12abc12abc";
                            echo $idClient ;?>'
                        },
                        type: 'POST',
                        data: {
                            'image': data,
                            'type': 'base64'
                        },
                        success: function(response) {
                            $("#image_preview_2").html("<img src='" + response.data.link + "' />");
                        }, error: function() {
                            alert("Error while uploading...");
                        }
                    });
                };
                reader.readAsDataURL(this.files[0]);
            });
        </script>
    </body>
</html>

解决方案是什么？

如何使用PHP或jQuery隐藏文本

0 个答案: