WedX - журнал о программировании и компьютерных науках

Загрузите изображение из URL-адреса и преобразуйте его в строку base64

Я пытаюсь загрузить изображение с URL-адреса и преобразовать его в строку base64.

Все, что я получаю, это строка, но когда я использую ее в качестве источника html изображения, изображения всегда пусты.

Что я делаю неправильно?

function getBase64Image(imgUrl) {
            var image = new Image();
            var canvas = document.createElement("canvas");
            var context = canvas.getContext('2d');
            image.src = imgUrl;
            context.drawImage(image,0,0);
            return canvas.toDataURL();
        }

Функция возвращает строку.

Спасибо.

16.05.2014

  • Я еще не пробовал ваш код. Но это может быть так же просто, как сначала вставить холст в DOM. Поскольку он отсоединен от DOM, он может не загрузить изображение. 16.05.2014
  • К вашему сведению: вам нужно дождаться загрузки изображения. Вот как я работаю: jsfiddle.net/handtrix/YvQ5y 28.11.2014

Ответы:


1

Простой способ сделать это:

$image = file_get_content($url);
$result = "data:image/png;base64,". base64_encode($image);
16.05.2014
  • ОП хочет получить ответ в Javascript. 16.05.2014
  • О, да. Я этого не заметил :) Хорошее объяснение здесь: stackoverflow.com/questions/6150289/ И здесь: stackoverflow.com/questions/19644035/ 16.05.2014
  • Я использую phonegap, может быть, я могу использовать плагин файла phoneGap? 16.05.2014
  • Вот: gist.github.com/pamelafox/2173589 16.05.2014
  • Новые материалы

    Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что это выглядит сложно…
    Просто начните и учитесь самостоятельно Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что он кажется мне сложным, и я бросил его. Это в основном инструмент..

    Лицензии с открытым исходным кодом: руководство для разработчиков и создателей
    В динамичном мире разработки программного обеспечения открытый исходный код стал мощной парадигмой, способствующей сотрудничеству, инновациям и прогрессу, движимому сообществом. В основе..

    Объяснение документов 02: BERT
    BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка. Во время предварительного обучения модель обучается на неразмеченных данных с помощью..

    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..

    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..

    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..

    Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
    Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..


    Для любых предложений по сайту: [email protected]