如何隐藏图像链接,即从获取位置屏蔽存储库

时间:2019-05-03 11:20:40

标签: javascript html html5

我需要开发其中从不同资源获取多个图像的功能。用户(客户端)不应看到从中获取图像的存储库详细信息。

如果不可能,是否可以在客户端(浏览器缓存)上创建目录,并将这些图像放在该目录中,并在用户注销后将其删除。

3 个答案:

答案 0 :(得分:0)

唯一的方法是让后端生成数据:服务器上的URL,而不是通过URL引用图像。您发送给客户端的任何URL都可以通过开发人员工具或网络嗅探器发现。

答案 1 :(得分:0)

我不知道您在后台使用什么服务器。

我已经使用节点服务器创建了一个示例。

我的服务器

const express = require('express')
    , app = express()
    , http = require('http').createServer(app);


app.use(express.static('./views'));

app.get('/image1', (req, res) => {
    res.sendFile('public/test.png', { root: __dirname });
});

http.listen('8080', () => {
    console.log('Server started');
});

我的HTML:

<html>
    <head>

    </head>
    <body>
        <img src='./image1' />
    </body>
</html>

答案 2 :(得分:-1)

更好的选择是下载目录中的图像(例如public / client_id / images)并在前端显示