recuperando imagens como blobs usando jQuery

Em uma pergunta anterior, você tentou enviar dados de imagem em uma solicitação post. Sua abordagem atual envolve o uso de jQuery.ajax para recuperar a imagem, mas você está encontrando imagens corruptas devido a incompatibilidades do tipo de dados. Portanto, acessar uma imagem como uma blob usando apenas o jQuery não é viável. Aqui está um exemplo:

var xhr = new xmlHttPrequest (); xhr.onreadyStateChange = function () { if (this.readyState == 4 && this.status == 200) { var iMg = document.getElementById ('img'); var url = window.url || window.webkiturl; img.src = url.createObjecturl (this.Response); } } xhr.open ('get', 'http://jsfiddle.net/img/logo.png'); XHR.RESPONSETYPE = 'BLOB'; XHR.SEND (); Este script criará um objeto xmlHttPrequest, configurará -o para receber uma resposta de blob e usar a propriedade BLOB URL para exibir a imagem em um elemento html. Disponível:

jquery.ajax ({ URL: 'https: //images.unsplash.com/photo-1465101108990-e5eac17cf76d? ixlib = rb-0.3.5 e q = 85 & fm = j PG & CROP = entropia & cs = srgb & ixid = eyjhchbfawqioje0ntg5fq == & s = 471e675a6140db97fea32b55781479e ', cache: falso, xhr: function () {// parece ser a única maneira de obter acesso ao objeto XHR var xhr = novo xmlHttPrequest (); XHR.RESPONSETYPE = 'BLOB' retornar xhr; }, Sucesso: função (dados) { var iMg = document.getElementById ('img'); var url = window.url || window.webkiturl; img.src = url.createObjecturl (dados); }, erro: function () { } });

Neste exemplo, a função XHR é usada para configurar o objeto xmlHttPrequest, e o responsável é explicitamente definido como 'BLOB'. Isso permite que o jQuery recupere a imagem como uma blob e exiba -a no elemento da imagem.