如何获取下载图像的完整路径？

Question

<img id='imgt' src='01.jpg' alt='img'>
<input type='text' id='inputnewimg'>  

我用一些 img url 填充输入，例如 - https://i.ytimg.com/vi/QX4j_zHAlw8/maxresdefault.jpg

js

$('#inputnewimg').keypress(function(e) {
if (event.keyCode === 13) {
    e.preventDefault();
    var abc = $(this).val();
    var dl = document.createElement("a");
    dl.href = abc;
    dl.download = true;
    document.body.appendChild(dl);
    dl.click();
}
});

以上代码将图像下载到默认本地文件夹（下载）。
有没有办法动态设置另一个目标文件夹，并获取图像路径和名称，因为我希望新的 img 自动成为#imgt 的来源？

Answer 1

不，很遗憾，你不能。

您唯一能做的就是在下载前更改文件名。

// You can use the code below to match the filename
var srcOfImage = "http://mywebsite.com/images/beautiful_logo.png?even=withParamaters";
var filename = srcOfImage.match(/([\w\d_-]*)\.?[^\\\/]*$/i)[1];

// And then you can simply rename it with a replace
srcOfImage = srcOfImage.replace(filename, "even_better_logo");

console.log(srcOfImage);

// --> This way you keep your file extension
// You could also simply add a prefix or suffix on the filename