Właściwie w jednym z moich projektów muszę odczytać obrazy ze zdalnego serwera i przechowywać w lokalnej bazie danych jako plik binarny do późniejszego użycia w aplikacji. więc czy istnieje jakiś prosty sposób, aby to zrobić? to jedyna rzecz, w której utknąłem i ważne jest, aby ukończyć aplikację. proszę pomóż !! Z góry dziękuję.można odczytać obraz ze zdalnego serwera przy użyciu trybu binarnego przy użyciu javascript lub phonegap?
Odpowiedz
Jest to dość proste w środowisku HTML5/ES5 (praktycznie wszystko oprócz Internet Explorera 9-);
Najpierw należy pobrać binarną zawartość obrazu do arraybuffera, a następnie przekonwertować na bazę danych base64, która jest w rzeczywistości łańcuchem znaków. Może to być przechowywane w przeglądarkach localStorage, indexedDb lub webSQL, a nawet w pliku cookie (nie jest to jednak zbyt wydajne); Później ustawiasz te datauri jako obraz src do wyświetlenia.
<script>
function showImage(imgAddress) {
var img = document.createElement("img");
document.body.appendChild(img);
getImageAsBase64(imgAddress, function (base64data) { img.src = base64data; });
};
function getImageAsBase64(imgAddress, onready) {
//get from online or from whatever string store
var req = new XMLHttpRequest();
req.open("GET", imgAddress, true);
req.responseType = 'arraybuffer'; //this won't work with sync requests in FF
req.onload = function() { onready(arrayBufferToDataUri(req.response)); };
req.send(null);
};
function arrayBufferToDataUri(arrayBuffer) {
var base64 = '',
encodings = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz/',
bytes = new Uint8Array(arrayBuffer), byteLength = bytes.byteLength,
byteRemainder = byteLength % 3, mainLength = byteLength - byteRemainder,
a, b, c, d, chunk;
for (var i = 0; i < mainLength; i = i + 3) {
chunk = (bytes[i] << 16) | (bytes[i + 1] << 8) | bytes[i + 2];
a = (chunk & 16515072) >> 18; b = (chunk & 258048) >> 12;
c = (chunk & 4032) >> 6; d = chunk & 63;
base64 += encodings[a] + encodings[b] + encodings[c] + encodings[d];
}
if (byteRemainder == 1) {
chunk = bytes[mainLength];
a = (chunk & 252) >> 2;
b = (chunk & 3) << 4;
base64 += encodings[a] + encodings[b] + '==';
} else if (byteRemainder == 2) {
chunk = (bytes[mainLength] << 8) | bytes[mainLength + 1];
a = (chunk & 16128) >> 8;
b = (chunk & 1008) >> 4;
c = (chunk & 15) << 2;
base64 += encodings[a] + encodings[b] + encodings[c] + '=';
}
return "data:image/jpeg;base64," + base64;
}
</script>
pożyczyłem procedurę konwersji base64 od tego znakomitego postu: http://jsperf.com/encoding-xhr-image-data/5
Czy to pomogło? Oznacz jako odpowiedź lub podaj więcej informacji. –
Dzięki za sugestię. Twój kod działa idealnie. Zapakowałem go do modułu do użytku w iMacros For Firefox [https://github.com/nisaacson/download-file-base64](https://github.com/nisaacson/download-file-base64) – Noah
- 1. Rozwiązanie magazynu danych JavaScript przy użyciu PhoneGap
- 2. Załaduj lokalny obraz do przeglądarki przy użyciu JavaScript?
- 3. Jak odczytać błąd przeglądarki przy użyciu javascript lub angular2?
- 4. zapobiec safari ze snu przy użyciu javascript
- 5. Templowanie przy użyciu Javascript lub Django?
- 6. Zapytanie do zdalnego serwera Hive2 przy użyciu Spring zawiesza się
- 7. Implementacja drzewa binarnego przy użyciu Swift enum
- 8. Zamień obraz przy użyciu jQuery
- 9. Nie można odczytać obrazu JPEG przy użyciu ImageIO.read (plik pliku)
- 10. Jak wyjść z trybu pełnoekranowego przy użyciu Javascript?
- 11. Wymazywanie części bitmapowych przy użyciu trybu PorterDuff
- 12. Mongodump ze zdalnego serwera
- 13. Czytanie pliku zdalnego przy użyciu Javy
- 14. Kopiowanie dużych plików przy użyciu pulpitu zdalnego
- 15. Wywołanie rodzimej przeglądarki plików przy użyciu phonegap
- 16. Telefonowanie sms api przy użyciu phonegap za pomocą javascript
- 17. nie można odczytać ze zdalnego repozytorium
- 18. Spark przy użyciu PySpark odczytać obrazy
- 19. ciąg konkatenacji przy użyciu javascript
- 20. nie można odczytać właściwość „@” null przy użyciu $ stanu w onEnter
- 21. odczytać zawartość katalogu przy użyciu skryptu powłoki
- 22. mysqldump ze zdalnego serwera
- 23. JavaScript i WebSockets: przy użyciu określonego protokołu
- 24. Ukryj obraz przy użyciu Javascript po zakończeniu działania kontrolera MVC3
- 25. Odczytaj zdalny plik .csv przy użyciu opencsv
- 26. Paginacja po stronie serwera przy użyciu datatables
- 27. PHP: Wewnętrzny błąd serwera przy użyciu WAMP (przy uruchomieniu)
- 28. Nie można wygenerować obraz uzyskany przy użyciu image_style_url
- 29. Załącznik Obraz wysłać pocztą przy użyciu Python
- 30. Jak uzyskać obraz przy użyciu ajax jquery?
możliwe duplikat [Jak pokazać obrazy w div, które przechowywane w dB] (http://stackoverflow.com/questions/2801042/ how-to-show-images-in-div-that-stored-in-db) –
@Diodeus nope, to jest pytanie JavaScript i dotyczy Java. –
@Shailesh Thanki, czy mógłbyś przyjąć to jako odpowiedź? –