js:如何隐藏/加密图像的src?

时间:2016-05-05 07:36:56

标签: javascript jquery

我正在寻找隐藏/加密图像src的方法。 这是一个测验游戏,图像名称包含解决方案 例如:<img src="solution.jpg">

解决方案是对图像进行编码64,但这是一个非常重要的解决方案。 建议不是100%安全,只是避免清楚地显示“solution.jpg”src

2 个答案:

答案 0 :(得分:1)

最佳解决方案是将文件路径存储在数据库中并根据请求提供服务。使用php的一个例子是

<强> HTML

<img src="get-image.php?id=2653" />

<强> PHP

// get image path from database
...

// output 
header("Content-type: image/jpeg") // change format accordingly
header('Content-Length: ' . filesize($filepath));
ob_clean();
flush();
readfile($filepath);
die();

答案 1 :(得分:-1)

我知道这不是php问题,但你可以创建php脚本,它将根据md5哈希读取文件。在主脚本的开头,您可以在会话中保存哈希:

 recyclerView.addOnItemTouchListener(new RecyclerView.SimpleOnItemTouchListener() {
        @Override
        public boolean onInterceptTouchEvent(RecyclerView rv, MotionEvent e) {
            // Stop only scrolling.
            return rv.getScrollState() == RecyclerView.SCROLL_STATE_DRAGGING;
        }
    });

以及用于图像的php脚本

session_start()
$time = array_sum(explode(' ', microtime()));
$_SESSION['hash'] = md5($time);

检查$ _GET ['hash']是否等于session的值:

<img src="script.php?hash=<MD5 HASH>"/>