Lip
14
2013

jQuery – Pobieranie pliku + Wysłanie danych przez Ajax

Autor: Arkadiusz Krakiewicz Comments

jquery ajax download post Z cyklu „Znalezione w sieci”, podrzucam krótki skrypt jQuery, który wysyła dane na serwer metodą POST/GET, a następnie zwrotnie otrzymuje plik do pobrania na dysk lokalny użytkownika.
W skrócie: wysłanie danych AJAXem, bez przeładowywania strony i wyświetlenie okna z pytaniem o zapis pliku na dysk.

Skrypt

jQuery.download = function(url, data, method){

if( url && data ){

data = typeof data == 'string' ? data : jQuery.param(data);

var inputs = '';

jQuery.each(data.split('&'), function(){

var pair = this.split('=');

inputs+='<input type="hidden" name="'+ pair[0] +'" value="'+ pair[1] +'" />';

});

jQuery('<form action="'+ url +'" method="'+ (method||'post') +'">'+inputs+'</form>')

.appendTo('body').submit().remove();

};

Użycie

Radzę wysyłać dane zakodowane base64.

1	$.download( 'adres_skryptu_odbior_post_zwrot_plik.php','twojParametr=' + twojParametr + '&kolejnyParamter=' + kolejnyParamter, 'POST' );

Skrypt PHP, który otrzymuje żądanie. Zwrotnie wysyła zawartość pliku oraz odpowiedni nagłówek HTTP.

header("Pragma: public");

header("Expires: 0");

header("Cache-Control: must-revalidate, post-check=0, pre-check=0");

header("Cache-Control: private",false);

header("Content-Type: TWOJ/TYP_PLIKU");

header("Content-Disposition: attachment; filename="nazwa_pliku.jpg";" );

header("Content-Transfer-Encoding: binary");

header("Content-Length: ".filesize($twoj_plik));

Dodatkowe informacje

• jquery_plugin_for_requesting_ajax_like_file_downloads
• http://davidmregister.com/163/
• http://php.net/manual/en/function.header.php

Tagi: ajax, jquery

Podobne tematy

Autor wpisu: Arkadiusz Krakiewicz

Programista i właściciel sklepu jednocześnie, dzięki temu rozumie potrzeby osób prowadzących sprzedaż w internecie. Od 2006 związany z eCommerce. Zaczynał jako freelancer tworząc sklepy oraz strony www. Aktualnie zajmuje się: programowanie w PHP, Symfony 2, Android, PrestaShop, osCommerce, OpenCart, WordPress.

Dodaj komentarz

O mnie

Arkadiusz Krakiewicz
Programista aplikacji webowych dla branży eCommerce. Jednocześnie jako właściciel sklepu zna od "podszewki" potrzeby osób prowadzących sprzedaż w internecie.
W swoich rozwiązaniach stawia na funkcjonalność i wydajność aplikacji pod kątem obsługi klienta.

jQuery – Pobieranie pliku + Wysłanie danych przez Ajax

Skrypt

Użycie

Dodatkowe informacje

Podobne tematy

Autor wpisu: Arkadiusz Krakiewicz

Dodaj komentarz

O mnie

Najnowsze wpisy

Kategorie

Więcej w Skrypty i moduły

Łączenie obrazów PNG + kanał przezroczystości = PHP + ImageMagick