在图像中嵌入分析代码，以便在显示图像时触发

Question

是否可以在图像中打包分析代码，并在图像加载到网页时触发该代码？

图像将通过文件上传表单字段插入页面，例如，如果我要向此问题添加图像，我无法直接访问该页面添加HTML或JS。

目标是跟踪我无权访问任何代码的网页上的网页浏览量，只能上传图片。

几乎有点像'特洛伊木马'的做法，但没有任何恶意。

Answer 1

跟踪像素需要特定的结构和特定的服务器。

所以我无法想象像特洛伊木马这样的东西，但你可以将图像加载视为事件。

尝试这样的事情：

单用途客户端

<img src="" alt="Facebook is new god" id="fblogo"/>

<script type="text/javascript">
    window.onload = function () {
        var logo = document.getElementById('fblogo');
        logo.onload = function () {
            ga('send', 'event', 'FB', 'Loaded');      
        }; 
        logo.src = 'https://facebook.com/fb/logo.png';
    };
</script>

测量协议方式 - 服务器端

https://www.google-analytics.com/collect

?v=1                                    // Protokol version
&tid=UA-XXXX-Y                          // Property ID
&cid=55568765456                        // Client ID stored in database or random number 

&dh=forum.eu                            // referrer
&dp=image78974.png                      // filename

&t=event                                // send instruction

&ni=1                                   // non inteaction flag
&ec=Image                               // Event Category
&ea=Load                                // Event Action
&el=image78974.png                      // Event Label