Изображение перевести в base64 / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Изображение перевести в base64

11 сообщений из 11, страница 1 из 1

Изображение перевести в base64

#38032161

michaele123

Гость

Никак не получается взять изображение с сервера и использовать его в виде base64 строки
вот test: http://thisforme.ru/111/index.html

Куда пнуть чтоб взлетело? Пробовал сохранять файл в utf8, результата нет :(
вот его код:

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.

<html>
 <head>
  <script type="text/javascript" src="js/jQuery.js"></script>
  <script type = "text/javascript" src="js/jquery.base64.js"></script>
 </head>

    <div id="another_div">
		Исходная картинка: <img src="http://thisforme.ru/111/images/1.png" alt=""/>
	</div>

	<script type="text/javascript">
			var imagePath = $("#another_div").children("img").attr("src");
			$.get(imagePath, function(data){
			                  $.base64.is_unicode = false;
                              $('#www').html($.base64.encode((data)));
                             }
                 );
	</script>


вот так должно быть:
<img src="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1A==...........">

iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1A.............

а вот так есть:
<p id=www></p>

<img src="data:image/jpeg;base64,VBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMA...........">

...

Рейтинг:

0 / 0

09.11.2012, 16:59

| Ответить | Цитировать | Написать

Изображение перевести в base64

#38032262

Antonariy

Участник

Откуда: ☭

Сообщения: 80 221

Рейтинг: 0 / 0

michaele123а вот так есть:Более того, во всех браузерах basе64-строка разная, а в IE ее вообще нет.

Какой смысл так извращаться, если по заданному адресу возвращается сама картинка? img.src = url и все дела.

...

Рейтинг:

0 / 0

09.11.2012, 17:57

| Ответить | Цитировать | Написать

Изображение перевести в base64

#38032290

michaele123

Гость

нужна именно base64 строка для дальнейших манипуляций, пример понятно дело упрощен до потери смысла :)
никак не получается получить вменяемую строку, которую тот же браузер схавал бы, типа "как должно быть"

...

Рейтинг:

0 / 0

09.11.2012, 18:10

| Ответить | Цитировать | Написать

Изображение перевести в base64

#38032299

IDVsbruck

Участник

Откуда: Украина

Сообщения: 4 289

Рейтинг: 0 / 0

Подглядел где-то. Не пробовал, но смысл, думаю, будет понятен, поэтому можно и поэкспериментировать. Попробуй так:

Код: javascript

1.
2.
3.
4.
5.
6.

$.ajax({
    url:imagePath,
    datatype:"binary",
    beforeSend:function(xhr){xhr.overrideMimeType("text/plain; charset=x-user-defined");},
    success: function(image){$("#www").append($("<img/>").attr("src", "data:image/png,base64," + $.base64.encode(image)));}
});

...

Рейтинг:

0 / 0

09.11.2012, 18:15

| Ответить | Цитировать | Написать

Изображение перевести в base64

#38032510

michaele123

Гость

почему-то нет.... а так хотелось бы

...

Рейтинг:

0 / 0

09.11.2012, 20:43

| Ответить | Цитировать | Написать

Изображение перевести в base64

#38032634

michaele123

Гость

Тут наверное подглядел :)
http://stackoverflow.com/questions/11858080/fetching-image-from-rest-webservices-in-javascript-jquery
Никак не получается, хоть ты тресни. Куда его еще стукнуть можно?

...

Рейтинг:

0 / 0

09.11.2012, 23:31

| Ответить | Цитировать | Написать

Изображение перевести в base64

#38032651

michaele123

Гость

По идее я вполне могу воспользоваться обезьяной, так даже лучше: GM_getResourceURL
но как мне из нее выковырять текст base64 строки, которой он якобы оперирует, судя по описанию - непонятно. В документе это выглядит в итоге так

Код: html

<img src="greasemonkey-script:c6fe2e61-7261-439e-b842-a52517304544/logo">

картинка по честному отображается...

...

Рейтинг:

0 / 0

10.11.2012, 00:29

| Ответить | Цитировать | Написать

Изображение перевести в base64

#38032668

-js-

Гость

http://stackoverflow.com/questions/8022425/getting-blob-data-from-xhr-request

Код: sql

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.

<!DOCTYPE html>
<html>
    <head>
        <meta name="author" content="-js-" />
        <meta name="robots" content="noindex" />
        <meta charset="UTF-8" />
        <title>javascript - ajax</title>        
        <script>
            var xhr = new XMLHttpRequest();
            xhr.open('GET', '/images/png1-96.png', true);
            xhr.responseType = 'arraybuffer';
            xhr.onload = function(e) {
                if (this.status == 200) {
                    var uInt8Array = new Uint8Array(this.response);
                    var i = uInt8Array.length;
                    var binaryString = new Array(i);
                    while (i--) {
                        binaryString[i] = String.fromCharCode(uInt8Array[i]);
                    }
                    var data = binaryString.join('');
                    var base64 = window.btoa(data);
                    document.getElementById("myImage").src="data:image/png;base64,"+base64;
                }
            };
            xhr.send();
        </script>
    </head>
    <body>
        <img id="myImage" src="" />
    </body>
</html>

проверил - работает!

...

Рейтинг:

0 / 0

10.11.2012, 01:11

| Ответить | Цитировать | Написать

Изображение перевести в base64

#38032696

IDVsbruck

Участник

Откуда: Украина

Сообщения: 4 289

Рейтинг: 0 / 0

А объект Uint8Array и функция window.btoa - это стандартный функционал?

...

Рейтинг:

0 / 0

10.11.2012, 03:25

| Ответить | Цитировать | Написать

Изображение перевести в base64

#38032726

Ex_Soft

Участник

Сообщения: 7 930

Рейтинг: 0 / 0

Uint8Array , window.btoa

_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.5

...

Рейтинг:

0 / 0

10.11.2012, 09:12

| Ответить | Цитировать | Написать

Изображение перевести в base64

#38032764

-js-

Гость

авторА объект Uint8Array и функция window.btoa - это стандартный функционал?
конечно нет!

для Осла
Base64 hybrid method
Uint8Array - найду - отпишусь!

+ Opera тоже не показала - ИМХО задача априори фэйловая - но! заказчик хотел ;)

...

Рейтинг:

0 / 0

10.11.2012, 11:13

| Ответить | Цитировать | Написать

11 сообщений из 11, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Изображение перевести в base64

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=38032726&tid=1449133]:	0ms
get settings:	7ms
get forum list:	17ms
check forum access:	4ms
check topic access:	4ms
track hit:	183ms
get topic data:	11ms
get forum data:	3ms
get page messages:	50ms
get tp. blocked users:	1ms
others:	241ms

total:	521ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы