按钮上的Jquery单击保存图像

Question

我在页面上有一个显示图像分辨率的选项值，选项内容是用db从php中提取的。

我的问题是。如何在按钮上单击jquery以下载图像，而不是在新窗口中打开。

我的jquery代码是：

$(document).ready(function (){
    $('#download-btn').click(function(){
        var size = $('#size').val();                
        window.open(size);
    });
})

我的php select选项下拉列表是：

<div class="download-bar">
    <div class="selecter-container">
        <select id="size" name="selecter_basic" class="selecter_basic" data-selecter-options='{"defaultLabel":"SELECT SIZE"}'>
            <?php foreach ($w->sizes as $s) { echo "
            <option value=\ "".M_ENV_SITE_URL. "/img/".$s. "_".$w->filename."\">".$s."</option>"; } ?>
        </select>
    </div>
    <button type="submit" id="download-btn" class="btn-40-2-download btn-float-right"><i class="fa fa-cloud-download"></i>
    </button>
</div>