Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Изображение перевести в base64 / 11 сообщений из 11, страница 1 из 1
09.11.2012, 16:59:15
    #38032161
michaele123
michaele123
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изображение перевести в base64
Никак не получается взять изображение с сервера и использовать его в виде 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, 17:57:50
    #38032262
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изображение перевести в base64
michaele123а вот так есть:Более того, во всех браузерах basе64-строка разная, а в IE ее вообще нет.

Какой смысл так извращаться, если по заданному адресу возвращается сама картинка? img.src = url и все дела.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2012, 18:10:05
    #38032290
michaele123
michaele123
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изображение перевести в base64
нужна именно base64 строка для дальнейших манипуляций, пример понятно дело упрощен до потери смысла :)
никак не получается получить вменяемую строку, которую тот же браузер схавал бы, типа "как должно быть"
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2012, 18:15:10
    #38032299
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изображение перевести в base64
Подглядел где-то. Не пробовал, но смысл, думаю, будет понятен, поэтому можно и поэкспериментировать. Попробуй так:
Код: 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, 20:43:00
    #38032510
michaele123
michaele123
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изображение перевести в base64
почему-то нет.... а так хотелось бы
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2012, 23:31:57
    #38032634
michaele123
michaele123
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изображение перевести в base64
Тут наверное подглядел :)
http://stackoverflow.com/questions/11858080/fetching-image-from-rest-webservices-in-javascript-jquery
Никак не получается, хоть ты тресни. Куда его еще стукнуть можно?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.11.2012, 00:29:24
    #38032651
michaele123
michaele123
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изображение перевести в base64
По идее я вполне могу воспользоваться обезьяной, так даже лучше: GM_getResourceURL
но как мне из нее выковырять текст base64 строки, которой он якобы оперирует, судя по описанию - непонятно. В документе это выглядит в итоге так
Код: html
1.
<img src="greasemonkey-script:c6fe2e61-7261-439e-b842-a52517304544/logo">


картинка по честному отображается...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.11.2012, 01:11:23
    #38032668
-js-
-js-
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изображение перевести в base64
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, 03:25:37
    #38032696
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изображение перевести в base64
А объект Uint8Array и функция window.btoa - это стандартный функционал?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.11.2012, 09:12:44
    #38032726
Ex_Soft
Ex_Soft
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изображение перевести в base64
Uint8Array , window.btoa

_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.5
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.11.2012, 11:13:39
    #38032764
-js-
-js-
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изображение перевести в base64
авторА объект Uint8Array и функция window.btoa - это стандартный функционал?
конечно нет!

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

+ Opera тоже не показала - ИМХО задача априори фэйловая - но! заказчик хотел ;)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Изображение перевести в base64 / 11 сообщений из 11, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 747ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1449133]:
 0ms
get settings:
 6ms
get forum list:
 11ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 434ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 42ms
get tp. blocked users:
 1ms
others: 238ms
total:  747ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]