16

ffl Kurs: Rozwój aplikacji inte X ^ (7) biomed.eti.pg.gda.pl/~jv. x ^ W5 XMLHttpRequest    X T Ki ajax zip codę lookup - Szu X Y Sc AJAX Send an XMLHttpRe X

CD biomed.eti.pg.gda.pl/~jwr/raim/ib_raim_wl4_DL_l.mp4

® wp

Onet B FB O ETI2011 ^ KŚ 0 Chip g| PC World a PC Format ^ CDA tf V10.pl HAUTOKULT.pl BZWBK Q Dobrzy Politycy ^ Dropbox © Politechnika Gdańsk...

^ Firefox Plik Edycja Widok Historia Zakładki Narzędzia Okno Pomoc_■ Zatrzymaj nagrywanie ' PS 0    ^ E3 Sł (Naładowana) śr. 12:50 Q

» C3 Inne zakładki

o

HTML5 Saving Canvas Image Data Using PHP And Ajax

XMLHttpRequest Level 2    HTMLS: Savlng Canvas Image O... X

onmouseover

Informacje zwrotne *

var canvasData • testCanvas.toOataURL(*irage/png'); var ajax » new XHLHttpRequest(); aJax.opcn('POST",^,tcstSavc.php^,,fal*e);

ajax.setRequestHeader('Content-Type', 'application/upload'); ajax.send(canvasData );

The cooe above sends out me canvasDataas a raw POST yanabie. One thing to pay attention here «the Content-Type should NOT be set to application/x-www-form-ur1encoded but something unknown because basically we want the browser to send the data in its raw State.

Th® raw data wwi be avaliaWe m php vartab*e SGLOBALSrHTTP RAW POST DATA"] Th<s codę calls a php scnpa named testSave.php - thls scrtpt Is expiained below

SorvorSido

Heres testSave php. a bas*c scrtpt that retrieves the raw POST data from the Client and saves the data mto a file.

<?php

if (isset($GLO0ALS["HTTP_RAW POST DATA”)))

{

// Get the data

J inageOata»SGlOeALS[¹HTTP_RAW_POST_DATA *];

// Re«ove the headers (data:,) part.

// A real appllcatlon should use then accordlng to needs such as to check image type SfilteredData»substr(SirageData, strpos(SimageData, “,")*1);

// Need to decode before savlng sińce the data we received is already base64 encoded Suner>coded0ata=base64_decode(SfilteredData);

//echo ~unencodedData’.SunencodedData;

// Savc file. This cxanple uses a hard coded filenanc for testing,

// but a real appllcatlon can specify filenaae in POST variable Sfp - fopen( 'test.png', wb' ); fwrite( $fp, SunencodedData); fclose( Sfp );

Notes

• We are assum.ng that the file is always a PNG although you can easiiy check for file type by examlning the portion before

1:07:30

0