サーバーから送られてきた画像のファイルデータを取得する方法

Question

JavaScriptなどを用いて、inputタグに入力された画像からファイルデータを取得してサーバーにアップロードはできると思うのですが、

urlで引っ張ってきた画像からファイルデータを取得することは可能なんでしょうか？

https://developer.mozilla.org/ja/docs/Web/API/File/Using_files_from_web_applications

このサイトではユーザーからのinputタグへ入力された画像のデータを取得する方法が載っているのですが、
例えば、railsサーバーから画像urlが送られてきてそのurlをimgタグのsrc属性に与えて表示させている画像から画像データを取得することは可能でしょうか？

Comments

[winterboum]

取得する　の　主語は？

[kurukururin]

どの部分の取得するでしょうか？

[winterboum]

urlで引っ張ってきた画像からファイルデータを取得することは可能なんでしょうか？

[kurukururin]

imgタグのsrc属性にurlを渡すと画像が表示されると思うのですが、その画像のデータを取得する、という意味で伝わりますでしょうか？

[winterboum]

ですから、「取得する」の主語です。

[kurukururin]

開発者です

[winterboum]

画像にマウスカーソルを合わせて右クリックし、「名前をつけてリンク先を保存」でできます

Answer 1

canvas.toDataURLを使うのはいかがでしょうか。
http://cly7796.net/wp/javascript/convert-canvas-to-image/

Comments

[kurukururin]

参考になりました！
ありがとうございました。