Opções de tipo javascript blob type binary

Estou permitindo que o usuário carregue imagens em uma página via dragampdrop e outros métodos. Quando uma imagem é descartada, estou usando URL. createObjectURL para converter em URL de um objeto para exibir a imagem. Não estou revogando o URL, pois eu o reuso. Então, quando chegar a hora de criar um objeto FormData para que eu possa permitir que eles façam o upload de um formulário com uma dessas imagens nele, existe alguma maneira em que eu possa reverter esse URL de objeto de volta para um Blob ou Arquivo, então eu posso anexar Para um objeto FormData perguntou 12 de agosto 12 às 3:00 Infelizmente, a resposta BrianFreuds não corresponde às minhas necessidades, tive uma necessidade diferente e eu sei que não é a resposta para a pergunta BrianFreuds, mas estou deixando isso aqui porque muitos As pessoas chegaram aqui com a mesma necessidade. Eu precisava de algo como Como obter um arquivo ou blob de um URL, e a resposta correta atual não cabe às minhas necessidades porque não é de domínio cruzado. Eu tenho um site que consome imagens de um armazenamento Amazon S3Azure, e lá eu armazeno objetos nomeados com identificadores únicos: algumas dessas imagens devem ser baixadas na nossa interface do sistema. Para evitar passar esse tráfego através do meu servidor HTTP, uma vez que esses objetos não requerem nenhuma segurança para acessar (exceto por filtragem de domínio), eu decidi fazer uma solicitação direta no navegador de usuários e usar o processamento local para dar ao arquivo um nome real e extensão. 1. Primeiro passo: Adicionar suporte binário ao jquery 2. Segundo passo: Faça uma solicitação usando este tipo de transporte. Agora você pode usar o Blob criado como você deseja, no meu caso eu quero salvá-lo no disco. 3. Opcional: salve o arquivo no computador dos usuários usando o FileSaver. Usei FileSaver. js para salvar no disco o arquivo baixado, se você precisar fazer isso, use esta biblioteca javascript: espero que isto ajude outros com necessidades mais específicas. BrianFreud entendi que não é exatamente a resposta dessa pergunta. Mas eu ainda acho que é uma boa resposta para sair, pois cheguei aqui procurando a resposta de uma pequena e diferente pergunta 39Como obter um arquivo ou blob de um URL39. Se você verificar sua própria resposta, há 10 versões de upvotes no 39It não funciona em caso de solicitações de domínio cruzado. 39. Então, mais de 10 pessoas chegaram aqui procurando por isso. Eu decidi então deixá-lo aqui. Ndash Wagner Bertolini Junior Dez 4 16 às 11:30 Problema é, sua resposta, conscientemente, não responde a esta pergunta. Um URL normal e um URL de objeto são duas coisas completamente diferentes. No que diz respeito a upvotes sobre o que não funciona no caso de solicitações de domínio cruzado. Não poderia achar melhor explicar por que isso é literalmente impossível aqui e apontar para algum lugar que mostre a resposta para URLs normais, em vez de confundir as coisas aqui pela confusão URLs normais e URLs de objetos ndash BrianFreud 12 de fevereiro às 3:46 BrianFreud sinta-se livre para sugerir uma edição na minha resposta. Eu vou estudar sobre o assunto, talvez eu tenha entendido mal qual é o quotobjectURLquot vs quotobject URLquot. O inglês não é meu nativo. Vou fazer uma pesquisa sobre o assunto para dar uma resposta melhor. Mas acho que são outros que vêm aqui procurando por algo diferente. Eu não procurei por quotobjectURLquot para chegar aqui, esse era o meu ponto antes. Mas eu também tenho você. Ndash Wagner Bertolini Junior 12 de fevereiro às 4: 02JavaScript Blob. Object Blobs são objetos imutáveis ​​que representam dados brutos. O arquivo é uma derivação do Blob que representa dados do sistema de arquivos. Use FileReader para ler dados de um Blob ou Arquivo. As Blobs permitem que você construa arquivos como objetos no cliente que você pode passar para apis que esperam urls em vez de exigir que o servidor forneça o arquivo. Por exemplo, você pode construir um blob contendo os dados de uma imagem, use o URL. createObjectURL () para gerar uma url e passar essa URL para HTMLImageElement. src para exibir a imagem que você criou sem falar com um servidor. ConstrutoresSendendo e recebendo dados binários Recebendo dados binários usando arrays digitados com JavaScript A propriedade r esponseType do objeto XMLHttpRequest pode ser configurada para alterar o tipo de resposta esperado do servidor. Os valores possíveis são a string vazia (padrão), arraybuffer. Blob. documento. Json. E texto. A propriedade de resposta conterá o corpo da entidade de acordo com o tipo de resposta. Como um ArrayBuffer. Blob. Documento. JSON. Ou corda. Isso é nulo se o pedido não estiver completo ou não tiver sido bem-sucedido. Este exemplo lê uma imagem como um arquivo binário e cria uma matriz de número inteiro não assinada de 8 bits a partir dos bytes em bruto. Observe que isso não irá decodificar a imagem e ler os pixels. Você precisará de uma biblioteca de decodificação png para isso. Uma alternativa ao método acima utiliza a interface Blob para construir diretamente um Blob com os dados do arraybuffer. Além disso, você pode ler um arquivo binário como um Blob configurando a string blob na propriedade responseType. Recebendo dados binários em navegadores mais antigos A função loadbinaryresource () mostrada abaixo carrega dados binários a partir do URL especificado, devolvendo-o ao chamador. A magia acontece na linha 5, que substitui o tipo MIME, forçando o navegador a tratá-lo como texto simples, usando um conjunto de caracteres definido pelo usuário. Isso diz ao navegador para não analisá-lo, e para permitir que os bytes passem por não processados. O exemplo acima obtém o byte no deslocamento x dentro dos dados binários carregados. O intervalo válido para x é de 0 para filestream. length-1. Recebendo dados binários em qualquer lugar a biblioteca jBinary para trabalhar com dados binários em JavaScript permite carregar dados de qualquer fonte com o modo melhor suportado automaticamente no navegador atual ou Node. js: Enviar dados binários O método de envio do XMLHttpRequest foi estendido para permitir uma transmissão fácil De dados binários, aceitando um ArrayBuffer. Blob. Ou arquivo objeto. O exemplo a seguir envia cria um arquivo de texto on-the-fly e usa o método POST para enviar o arquivo para o servidor. Este exemplo usa texto simples, mas você pode imaginar que os dados sejam um arquivo binário. Enviando matrizes digitadas como dados binários Você também pode enviar matrizes com JavaScript digitadas como dados binários. Isso está criando uma matriz de 512 bytes de inteiros de 8 bits e enviá-lo, você pode usar qualquer dado binário que você tenha gostado, é claro. Nota: O suporte ao envio de objetos ArrayBuffer usando XMLHttpRequest foi adicionado ao Gecko 9.0 (Firefox 9.0 Thunderbird 9.0 SeaMonkey 2.6). Adicione informações sobre o suporte de outros navegadores aqui. Envio de formulários e carregamento de arquivos Exemplos específicos do Firefox Este exemplo transmite conteúdo binário de forma assíncrona, usando o método POST e o SendSbinary () não padronizado do Firefox. A Linha 4 define o cabeçalho Content-Length para 741, indicando que os dados são 741 bytes de comprimento. Obviamente você precisa alterar esse valor com base no tamanho real dos dados que estão sendo enviados. A linha 5 usa o método sendAsBinary () para iniciar a solicitação. Nota: Este método de envio não-padrão padrão é considerado obsoleto a partir do Gecko 31 (Firefox 31 Thunderbird 31 SeaMonkey 2.28) e será removido em breve. O método de envio padrão (Blob data) pode ser usado em vez disso, como explicado acima. Você também pode enviar conteúdo binário passando uma instância do nsIFileInputStream para enviar (). Nesse caso, você não precisa definir o cabeçalho do Conteúdo-Comprimento, pois as informações são obtidas automaticamente do fluxo: Este artigo foi útil. Publicações Recentes Categorias Leitura de dados binários usando jQuery Ajax Postar navegação Este é um exemplo de como agora posso copiar Um arquivo binário da biblioteca de documentos para o item da lista: função uploadForm (itemID) var formTemplateUrl myaccount. sharepointMyDocLibSourceForm. dotx var nome do arquivo Destination. dotx var listname MyList Chain ajax solicita codificação-design-better-ajax-8ee4a7fb95f. mm6rfde8a dataType binário henryalgusreading-binário - Arquivos-usando-jquery-ajax var a1.ajax (url: formTemplateUrl, método: GET, dataType: binário, processData: false,), a2 a1.then (função (dados).then () retorna uma nova promessa console. log (Arquivo de download do sucesso: formTemplateUrl) Fazendo o upload de anexos para listas do SharePoint usando o REST sympmarc20170420uploading-attachments-to-sharepoint-lists-using-restcomment-135064 return. ajax (url: spPageContextInfo. webAbsoluteUrl apiweblistsgetbytitle (listname) items (itemID) AttachmentFilesadd (FileName fileName), método: POST, dados: dados, processData: falso, cabeçalhos: Aceite: applicationjson odataverbose, X-RequestDigest: document. getElementById (REQUESTDIGEST).value, a2. Feito (função (dados) console. log (arquivo carregado de sucesso: fileName)) Rodrigo V. Lagos Eustquio I8217m recebendo CORS 8216Access-Control-Allow-Origin8217 não presente, mas meu servidor está aberto. Tnks Olá. Este código funciona bem no Chrome e no IE, mas não no FireFox. Meu código. ajax (tipo: 8216POST8217, url: (extraDetails. data. portalContext. ExtraDetails. data. portalContext. 82208221) (this).attr (8216action8217) 8220ts8221 new Date (). GetTime () 8220amptnt8221 extraDetails. data. tenant, dados: novo FormData (this), processData: false, contentType: false, dataType: 8216binary8217).done (função (resposta, status, xhr) alerta (8216success8217) check Para um nome de arquivo var nome de arquivo 82208221 se (response. size ampamp response. type) nome do arquivo 8220error. xlsx8221 var disposition xhr. getResponseHeader (8216Content-Disposition8217) if (disposição amplo disposição. indexOf (8216attachment8217) -1) var filenameRegex filenamen ((82168221) .2n) var coincide com o nome do arquivoRegex. exec (disposição) se (corresponde a combinações de amplificador nulo1) nome de arquivo correspondente1.replace (82168221g, 8221) var tipo xhr. getResponseHeader (8216Content-Type8217) var blob nova Blob (resposta) resposta var blob se ( Typeof window. navi Gator. msSaveBlob 8216undefined8217) Solução do IE para 8220HTML7007: Um ou mais URLs de blob foram revogados ao fechar o blob para o qual eles foram criados. Esses URLs não serão mais resolvidos à medida que os dados que respaldam o URL foram liberados.8221 window. navigator. msSaveBlob (blob, filename) else var URL window. URL window. webkitURL var downloadUrl URL. createObjectURL (blob) se (filename) usar HTML5 Atributo adownload para especificar o nome do arquivo var a document. createElement (8220a8221) safari doesn8217t suporte isso ainda se (typeof a. download 8216undefined8217) window. location downloadUrl else a. href downloadUrl a. download nome do arquivo document. body. appendChild (a) a. click () ExtraDetails. data. dialogService. showAlert (8220warning8221, 8220) Pode carregar todos os códigos de conjunto de códigos8221, 8221Faça o arquivo de agendamento carregado. Mas há poucas falhas de validação 8220, 8220 Consulte o arquivo error. xlsx baixado em sua máquina.8221) fileUploadSuccess Verdade extraDetails. data. iframeDetails. srcextraDetails. data. iframeDetails. src).fail (função (jqXHR, textStatus) alerta (8216dialogservice após erro 8216 dialogService) fileUploadSuccess false extraDetails. da Ta. iframeDetails. srcextraDetails. data. iframeDetails. src extraDetails. data. dialogService. showAlert (8220warning8221, 8220Error uploading Code set8221, jqXHR. status 8220: 8221 (jqXHR. responseText. JqXHR. responseText. 8216no texto de resposta do serviço. Erro genérico8217))) arguments0.preventDefault () return false Alguém pode me ajudar enquanto isso