我生成普通链接,如:<a href="/path/to/image"><img src="/path/to/image" /></a>在网络应用程序中.
当我点击链接时,它会在新页面中显示图片.如果要保存图片,则需要右键单击它并选择"另存为"
我不想要这种行为,我想在点击链接时弹出一个下载框,这是否可能只是用html或javascript？怎么样？
如果不是,我想我必须编写一个download.php脚本,并将其作为参数调用href,文件名为...？
我想知道是否有任何方法可以使用Javascript/jQuery下载(打开下载对话框)图像,以便浏览器不会只显示它.
所以我在RoR 3中成功地完成了Paperclip和S3上传工作,但事实证明,一些图像被提示下载,其他图像可以在浏览器中查看.什么决定了这种行为？
我以前用这个代码下载资源：
<a href='http://example.com' download> Download </a>
其中 example.com 是另一个网站（跨来源）。
但这现在不起作用，我尝试了 Chrome-Opera-Mozilla 甚至 Internet Explorer，但它不起作用。
我在使用 asp.net 的 html 文件中有以下代码。如果该文件不是图像文件，则会自动下载。但如果文件是图像，它会在选项卡中打开它，然后我们必须手动下载它。如何自动执行此过程而不提示用户手动执行此操作？URL和Filename的值来自数据库。
<a href="${URL}" download="${FileName}">
<img
src="../Images/Download.png"
title="Click here to download the attachment."
/>
</a>
我正在尝试通过单击下载图像并为此使用 HTML5 的“下载”属性。但它会将用户重定向到新选项卡，而不是下载图像。
<a href="http://upload.wikimedia.org/wikipedia/commons/3/3f/Stephenson%27s_Rocket_drawing.jpg" download="myfile.jpg">Click to Download</a>
我该如何解决这个问题？
在我的网站上，我有一个jQuery脚本，如果单击下载按钮，它将在新窗口中打开所需的图像。
我的问题是，当您单击图像将自动保存而不在新窗口中打开的按钮时，如何制作此脚本。
我的代码：
<script type="text/javascript">
$(document).ready(function (){
$('#download-btn').click(function(){
var size = $('#size').val();
window.open(size);
});
})
</script>
嘿，我对 Vue 真的很陌生，对于这个项目，我有一个下载按钮，用户可以从中下载文件。当我单击“下载”按钮时，它会继续在同一浏览器中打开文件而不是下载它。a-href他们是制作或button function下载文件的方法吗？
我在 jsFiddle https://jsfiddle.net/ez36jmx5/10/上的代码。
看法
<div id="app">
<a href="https://homepages.cae.wisc.edu/~ece533/images/airplane.png" download>DOWNLOAD</a>
<br><br>
<button v-on:click="clickedDownload()"> <!-- opens files in new tab -->
DOWNLOAD
</button>
</div>
方法
new Vue({
el: "#app",
data: {
},
methods: {
clickedDownload(){
var fileName='https://homepages.cae.wisc.edu/~ece533/images/airplane.png';
window.open(fileName, 'Download');
}
}
})
在我的 Vue.js 应用程序中，我希望在单击按钮时强制浏览器下载图像而不显示它。
按照这个答案，我想出了这个解决方案：
<span @click="downloadImg(remoteURL)">
Download Image
</span>
和方法：
downloadImg(url) {
console.log('downloading', url);
document.execCommand('SaveAs',true, url);
},
remoteURL 实际上是一个生成 url 的小函数，如下所示：
remoteURL(link) {
return this.BASE_URL+ link //link is the image's path fetched from database
},
但是当我点击时Download Image什么也没有发生。
这个问题不相关，因为我不想只是Download image with JavaScript. 我想要的是安静地下载图像，即不显示图像。
我该如何解决？