javascript - 如何在js函数中传递图像路径

Question

我正在尝试使用 JS 函数将图像路径从一个 JSP 页面动态传递到另一个 JSP 页面，但我在 JS alert 中获得的图像路径是不同的。正确的路径是 .\Products\767\76\suitmed.jpg 但是警报显示了这个 .\Products>7>suitmed.jpg。有人可以帮我解决这个问题吗？

ProductDiv.jsp

<c:forEach items="${products}" var="products">
    <div class="col-sm-4">
        <div class="product-image-wrapper">
            <div class="single-products">
                <div class="productinfo text-center">
                    <!--here in this Image tag I was trying to pass the path od med and large img from product obj -->
                    <img src="${products.smallImage}" onclick="getImageDetails('${products.mediumImage}', '${products.largeImage}'); return false;" alt="${products.productId}+productImage" />
                    <h2>${products.allPrice}</h2>
                    <p>${products.name}</p>
                </div>
            </div>
            <div class="choose">
                <ul class="nav nav-pills nav-justified">
                    <li>
                        <a href="">
                            <i class="fa fa-plus-square"></i>
                            Add to Wishlist
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</c:forEach>

产品.Js

function getImageDetails(mediumImagePath, LargeImagePath) {
    alert(mediumImagePath + "_______" + LargeImagePath);
    $("#bigImage").attr("src", mediumImagePath);
}

产品详情.jsp

<div class="view-product" >
    <img class="fancybox" id="bigImage" src="" data-big="images/home/suitlarge.jpg" /></br>
    <!--<img src="images/product-details/1.jpg" alt="" /> -->
    <h3>ZOOM</h3>
</div> 

Answer 1

从未编写过 jsp，但这里有一个合理的解释:

\## 被解释为八进制字符转义序列。

Char    Octal   Dec Hex Description
<        74     60  3c  Less than sign (&lt; in HTML)
=        75     61  3d  Equals sign
>        76     62  3e  Greater than sign (&gt; in HTML)
?        77     63  3f  Question mark

所以打印时“\76”变成“">”..

尝试将路径中的所有“\”替换为“/”，这通常会对您有所帮助，并且大多数 Web 服务已经可以处理从 unix 样式路径到 windows 样式路径的转换。