Helyben tárolt fájlokat a web tárhely (windows)

Folytatva a témát az olvasás helyi fájlok Ez a rész beszél a helyi megőrzése kis fájlok Web tárolóból.

Megjegyzés végrehajtásához a javasolt minta kódot igényel olyan böngészőt, amely támogatja a Fájl API, és a Web áruház. mint például az Internet Explorer 10 vagy magasabb.

Az alkalmazás rajz a vásznon

Annak érdekében, hogy a következő példakód a valóság, az első példában, tett egy egyszerű rajz kérelem alapján HTML5 canvas. Nyilvánvaló, hogy az ilyen alkalmazás igényel helyi tároló fájlokat. A jövőben fogjuk terjeszteni ezt a példát, hogy helyileg menteni a képet.

A munka ebben az alkalmazás nagyon egyszerű - csak meg kell vezetni az egeret a téren a paplan felületén. Törléséhez húzott, csak nyomja meg a Törlés (Clear) gombbal.

Talán a legnagyobb kihívás ezt a kódot a két „statikus” változók, vászon és összefüggéseire. nyilvánították helyi init. Mert nekik van, hogy a helyi funkciók (paintCanvas és eraseCanvas) változók állnak befejezése után az init. Ezzel nem terhelik feleslegesen a globális névteret. Felhívjuk figyelmét, hogy ez az alkalmazás működik touch készülékek, mint a tabletták.

Fájlok tárolására A Web Storage

Mint már említettük, a modern böngészők (például a Windows Internet Explorer 9 és újabb) támogatást web tárolására. Kétféle web tárolására. helyi tárolást és a munkamenet tárolni. Ahogy a neve is sugallja, ez tárolja a kapcsolat csak akkor érvényes, ezen az ülésen a böngésző. Helyi tárolás érvényes határozatlan időre.

Ha felhasználót, hogy képet, amit helyi tárolást. Ez meglehetősen hétköznapi feladat, mint látható az alábbi példában.

Lényegében, 2. példa - egy részletes példa 1.

Először határozza meg a szükséges funkciók, amelyek a funkció requiredFeaturesAvailable. Mindenesetre, használjuk a kettős negatív tárgyak érdekesek „vezető” a tárgy egy logikai érték.

Aztán két új eseménykezelő, saveCanvas és eraseCanvas. által okozott megnyomásával Save (mentés) és a Load (letöltés), ill. saveCanvas funkciója áll egy sor:

Ez átalakítja kép felhasználót alkalmas formában kijelző egy weblapon, majd tárolja a helyi adattár felhasználói név ingatlan canvasImage (érvényes név igénye szerint).

Annak érdekében, hogy a kép valóban mentve, rajzolást a Mentés gombra. indítsa újra a számítógépet, indítsa újra a 2. példában, majd (Figyelem: nem véletlenül festeni egy üres vászon), majd a Load gomb - és a mentett kép „varázsütésre” megjelenik előtted.

Egyértelmű, hogy példaként, hogy egy egyszerű rajz alkalmazás. Legalább javíthatja azt biztosítja, hogy a felhasználónak kell először kattintson a vásznon kezdeni rajz és cserélje ferde négyszögek, amelyek érzékenyek a sebesség az egér (a mutató), mellett a jelenlegi vonalak.

kapcsolódó témák

Műsor: öröklött Védett

Volt ez az oldal hasznos? Igen Nem

1500 karakter van még hátra

Köszönjük! Köszönöm a véleményt. Az Ön véleménye nagyon fontos számunkra.

fejlesztési központok

közösség

Lépjen kapcsolatba velünk

Kapcsolódó cikkek