jquery - 单击从外部页面下载图像

Question

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

        <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;
    }