2017-03-13 3 views
0
<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のソースに自動的に追加したいので、別の保存先フォルダをdinamically設定してイメージのパスと名前を取得する方法はありますか?

+0

私はそう信じていません。少なくとも既製のウェブブラウザにはない。 –

+0

@KevinB、ありがとう。イメージをbase64に変換して解決策があると思いますか...私は確信していません...またはキャンバスを使用してイメージを全くダウンロードせずに複製しますか? – bonaca

答えて

2

いいえ、あなたは残念ながらできません。

唯一できることは、ダウンロードする前にファイル名を変更することです。

// 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

+0

ありがとうございます。イメージをbase64に変換して解決策があると思いますか...私は確信していません...またはキャンバスを使用してイメージを全くダウンロードせずに複製しますか? – bonaca

+0

わかりませんが、Flashプラグインを作成することもできます。これの目的は何ですか?たぶんファイルダイアログのためのGitHubライブラリがあり、あなたはそうすることができます。 – Maxime2400

+0

目的は、ウェブ上のimgを '#imgt'のソースとして取得し、' url'をリンクするだけでなくダウンロードして 'local url'を取得し、'#imgt'のソースとして一度に作成することです。ワンクリックで自動的に – bonaca

関連する問題