Question

目标是当您点击“下载网页”时，它下载该图片，不幸的是，当我点击我的链接时，它只是重新加载页面？有什么想法吗？

以下是该网页的链接。 http://www.redrocketgraphicdesign.co.uk/test/FIRST/product/firststudent1/

这是我的代码或时刻：

oversized

Answer 1

你的锚中有一些错误，显示一个空的href，确保你的php代码是正确的。

关于如何从achor标记下载图片的问题，您可以像这样添加属性download：

<a href="/patch/to/your/image" download>Click here to download</a>

您的代码应该像：

<div class="Downloads">
<h3>Download image</h3>
<a href="<?php bloginfo ('template_url' )?>/img/downloadForWeb.png">Downlaod for the web</a>

Answer 2

您收到404错误，因为woocommerce_get_product_thumbnail()未找到任何要返回的图片。我假设您要下载产品的精选图片，因此您应该使用wp_get_attachment_image_src()代替woocommerce_get_product_thumbnail()，因此请将代码更改为：

<div class="Downloads">
    <h3>Download image</h3>
    <?php 
    // replace $postID with your post id variable
    // change the 2nd parameter to specify the size of the image to get:
    $image_attrib = wp_get_attachment_image_src( get_post_thumbnail_id($postID),'full');
    ?>
    <a href="<?php echo image_attrib[0]; ?>">
        <img src="<?php bloginfo ('template_url' )?>/img/downloadForWeb.png" alt="Download for web" />
    </a>
</div>

如果这不起作用，我不确定在没有看到更多相关源代码的情况下我们能提供多少帮助。由于您已在页面上显示照片，请检查显示该照片的代码，以查看它是如何检索正确的网址并使用它。

注意：您的代码正在尝试显示图像（downloadForWeb.png）作为下载主图像的链接。但是，codeForWeb.png并不存在于代码的url中，因此您可以看到文本＆＃34; Download for web＆＃34;代替。您应该修复网址或只使用文字链接。

下载自定义大小的图片 - 重新链接到页面

2 个答案: