В форме html у нас есть поле для изображения, чтобы загрузить файл. Я следил за учебником от http://blog.teamtreehouse.com/reading-files-using-the-html5-filereader-api, и он отлично работает при загрузке файла изображения с локального диска.Как загрузить файл изображения с url с помощью API FileReader?
Но предположим, у меня есть изображение url say http://www.google.com/images/logos/ps_logo2.png и вы хотите загрузить это изображение с удаленного URL вместо загрузки с локального диска.
FileReader
API хорошо работает при попытке загрузить изображение с локального диска, но как мы можем использовать его для загрузки изображений по URL-адресам?
Его легко создать изображение base64
и использовать его для предварительного просмотра, установив в поле изображения как <img src='data:image/png;base64,iAks4ds__base64__string' id='user_img'>
, но какой рабочий процесс следует принять для загрузки изображений с удаленного URL с помощью jQuery или JavaScript?
Как я могу? Какие-либо предложения?
Почему вы просто не получите его на сервере с завитком или что-то. – Musa
Возможный дубликат: http://stackoverflow.com/questions/5420384/convert-an-image-into-binary-data-in-javascript – fiddler
Я согласен с использованием curl. Мой подход заключается в использовании перетаскивания (например: http://stackoverflow.com/a/11973398/1798697), получения URL-адреса и отправки URL-адреса на сервер (вместо фактических данных файла). Когда сервер получает URL-адрес, он использует curl (или w/e x-server thing), чтобы получить свою собственную копию. – plong0