Javascript 如何使用phonegap将图像发送到其他页面

我对在Phone gap中使用HTML、CSS和JS等非常陌生

我不知道如何处理这个问题。我做了一些研究，但对我来说没有意义

我有一页小符号

<a href="largeSymbol.html" class="symbol"> <img src="img/car.png" alt="car"></a> 
<a href="largeSymbol.html" class="symbol"> <img src="img/lorry.png" alt="lorry"></a> 
<a href="largeSymbol.html" class="symbol"> <img src="img/house.png" alt="house"></a> 

当用户单击其中一个符号时，我希望图像被发送到大符号页面，在那里它将显示放大的符号

如果用户返回并选择另一个符号，我希望它覆盖此图像

如何将其编码到我的应用程序中

---

我最初认为我可以为每个符号创建一个放大的符号页面，但这意味着将有300多页。因此，为什么我试图找出如何使用一个放大的符号页面，所有的符号都可以放大和看到

您可以向链接添加查询字符串参数

<a href="largeSymbol.html?src=/img/car.png" class="symbol"> <img src="img/car.png" alt="car"></a> 
<a href="largeSymbol.html?src=/img/car.png" class="symbol"> <img src="img/lorry.png" alt="lorry"></a> 
<a href="largeSymbol.html?src=/img/car.png" class="symbol"> <img src="img/house.png" alt="house"></a> 

然后在largeSymbol.html上，您可以使用库来读取查询字符串并相应地执行操作，可能是这样的

<img id='big-image' src='' />
<script src='https://code.jquery.com/jquery-2.2.0.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/URI.js/1.17.0/URI.js'></script>

<script>
    var querySrc = URI( window.location.href ).search( true ).src;
    $("#big-image").attr( "src" , querySrc );
</script>

var querySrc=URI（window.location.href）.search（true）.src；
$（“大图像”）.attr（“src”，querySrc）；

您可以重定向到

largeSymbol.html？file=img/car.png

，而

largeSymbol.html

只需通过JavascriptHi查询图像，现在就可以解决并工作了。非常感谢您的时间和努力。没问题，如果您使用我的解决方案，请考虑将其标记为正确答案：