单击从外部页面下载图像

Question

我有这种情况。我有一个JSP页面（First.jsp），我有我的按钮。我在First.jsp中包含另一个包含图像的JSP页面（Second.jsp）。当我单击First.jsp中的按钮时，我希望下载Second.jsp中的图像。我怎样才能做到这一点？我有以下内容在同一页面下载图像。 DEMO

        <div id="download">
            <img src="http://www.glamquotes.com/wp-content/uploads/2011/11/smile.jpg" id="image" />
           <a class="button" href="http://www.glamquotes.com/wp-content/uploads/2011/11/smile.jpg" download="smile.jpg">Download image</a>
        </div>

CSS：

    #image{
      height:250px;
      width:250px;
      float:left;
    }
    #dwnld{
      float:left;
    }

   .button {
     appearance: button;
     -moz-appearance: button;
     -webkit-appearance: button;
     text-decoration: none; font: menu; color: ButtonText;
     display: inline-block; padding: 2px 8px;
     font-size: 15px;
    }