wordpress uploaden van het beeld, te schrappen en het beeld van de media en de wordpress uploaden,,,,,,,,,, 67, 18 - eenheid,,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' dit artikel niet missen, is een reeks genaamd begint met het gebruik van de media te uploaden. Het deel van de media. Uploadersaving wordpress beelden en de media wordpress uploaden, de in de voorgaande artikelen in deze serie, beginnen we met de media voor wordpress. De nieuwste versie van het werk een duidelijke ken, hoe het in onze projecten., het moeilijke gedeelte van dit nieuwe werk (nou, sinds de kenmerken van de nieuwe 3,5) is niet bekend, het andere kenmerken.Het zou natuurlijk veel ontwikkelaars met name voor beginners, hun hoofd is hoe het begon.Het echtpaar is een fundamentele hervorming van het systeem van volledige dekking, heb je veel, op basis van de feedback van het eerste artikel, zullen we in de uitbreiding van het toepassingsgebied van een reeks meer.In dit artikel zullen we moeten kijken of wij in de laatste de in dit artikel beschreven taken.En dan, de in de volgende artikelen (of meer dan een follow - up - artikelen) en we kijken hoe sommige media uploaden in details, weer verder gaan,., waar in het verleden, we begonnen te werken, heeft de "die een beeld in een plug - in positie, als het beeld worden gekozen.De doos in de pagina 's in dit type.,, op dit punt hebben we succes toe te voegen - doos, de invoering van de media en de keuze van je Upload een imago als kenmerken van ons imago, maar we eigenlijk niet, we moeten terug naar de informatie uit de media heb doen.,, wij In dit artikel de functie zal blijven voor de uitvoering van de kenmerken van de post, waar we op de bodem van het beeld.Daarna zullen wij de aandacht van de beschikbare grondstoffen. De technische details, in onze vertrekken, moeten we kunnen - standaard "kenmerken imago van" element kader biedt.Om dat te kunnen doen, moeten we de media:, het verzamelen van informatie uit het uploaden, geeft een beeld van de omvang van het beeld, de keuze van de juiste keuze en de vaststelling van een optie, het schrappen van het beeld, en we hebben ons werk te doen. En, voordat we doen, laten  , ervoor te zorgen dat de vernieuwing van de functie van je   rendermediauploader de aanvaarding van de dollar als parameter gebruikt kunnen worden, zodat we dit in ons voorbeeld.,, de functie van de verklaring eruit moet zien:,, de functie rendermediauploader ($) {...}, de oproep aan de functie, en nu eruit moet zien:,, rendermediauploader ($);,, nu, laten we beginnen.,, 1.De beelden van de media, zodra je de beelden uploaden van geselecteerde gegevens in javascript terug naar jou.Met name zal gegevens om terug te keren naar de Verenigde Staten, hola.Dit zal ons in staat stellen een analyse van de verschillende eigenschappen van het beeld, zodat we kunnen bieden en het behoud van het met onze positie, maar laten we eerst een actualisering van de code.Om deze code, de beheerder.   js, ziet er als volgt uit:,, file_frame, ("ingevoegd", functie () {/* * * * * * *, we zullen in de volgende versie.* *});,,, in plaats van een dergelijke:,, file_frame, ("ingevoegd", functie) (///////hola gegevens naar de media lezen van hola = file_frame uploaden. De staat (). (""). De eerste () (). Tojson;}); en dit is geen vreselijk ingewikkeld, maar, weet je, hola als een definitie van de variabelen in de documenten met de Top van image_data file_frame,,,,, als je wat nieuwsgierig, de inhoud van dumping, hola, naar je favoriete console zenuwgas.We doen het niet, in dit specifieke artikel, maar we kunnen meer doen, in de toekomst, diepgaande artikelen.De geselecteerde beeld, zodat we kunnen beelden kiezen, moeten we ervoor zorgen dat we een beeld elementen in onze element frame, kan door javascript, kunnen we de vernieuwing van de eigenschappen van het beeld, de keuze van Views/Admin PHP.,,,.,, laten we de toevoeging van de volgende code model.Dit is een beeld van ons gebruik te maken van de lege beeld elementen.,, < P = "verborgen als er geen J 's" > < titel = "instellingen meter beeld" href = "javascript;" = "wordt een beeld van een postzegel" > de kenmerken van < //P > < > < div = "kenmerken van een beeld van containers" = "verborgen" > < IMG - src = "" (= "titel:" "> < /div > <.- selectie van een beeld&#container - >,, dat we met je CSS, verstoppen, tank.  javascript. We zullen dit soort met afbeeldingen van (in feite zal het tegenovergestelde doen verborgen beeld geeft een beeld van de keuze van het anker en meer).,, kunnen we nu opnieuw javascript die het beeld, het is gekozen.We moeten twee dingen doen:,, kan de gebruiker de mogelijkheid de ankers beeld verborgen in een container, vertonen kenmerken, het beeld, om dit te doen, laten we de herziening van de code voor javascript, zien we het.We zoeken naar de gegevens in de hola, laten we ervoor zorgen dat we de beelden van de URL, en dan zullen we file_frame.,,, ("ingevoegd", functie) (///////hola gegevens naar de media lezen van hola = file_frame uploaden. De staat (). (""). De eerste tojson ((). De eerste; ///////), om ervoor te zorgen dat er een beeld te zien als de URL (0 > dollar. - (json.url.length)) {} na terugkeer; ///////, zet het beeld van De eigenschappen vertonen ("# die een beeld van containers) kinderen (IMG.".Attr (SRC), json.url.Attr (") alt", json.caption).Attr ("titel", json.title). De show (). De moedermaatschappij (). RemoveClass (verborgen); ///////, verborgen voor ankerDe gebruikers een beeld ("# dollar kenmerken een beeld van containers). Het preventief () (). De huid;});,, blijkbaar, code op te leggen wat er is gebeurd, maar we rekenen op veel), om ervoor te zorgen dat we een correct en een verborgen element, de eerste, We zijn het URL - eigenschap, hola om ervoor te zorgen dat de lengte groter is dan nul.Ik hou van het gebruik van, $, om dit te doen is een defensieve codering gebruiken.Als het gelijk aan nul, dan zullen we omdat we geen beeld scherm terug.,, na het gebruik van nieuwe elementen, hebben we in de vorige stap gemaakt.We pakken het beeld element door, kinderen (), de functie en de,, ",,, de titel, de eigenschap van alanine - aminotransferase (alt), zijn gebaseerd op de eigenschappen van de voorwerpen, hola,.,, daar hebben we de keuze van de vader van de beelden en het schrappen van de Categorie containers verstoppen, toch gebruiken we kiezen van een beeld van containers, elementen van een punt kunnen worden geraadpleegd, in dit geval het anker, voor één element, en dan het verbergen. En op dit punt moet er na de dollar, het beeld in de doos.,,,,, maar we hebben een duidelijk beeld van de huidige problemen van de container te zijn: de grote.Dit betekent dat we nodig hebben om enkele CSS.,, 3.Kenmerken van ons beeld, om dit te doen, moeten we nog een verlenging van de kern van de CSS dossier en plug - in de documenten die de bij het team van de CSS.,, in de eerste plaats het creëren van een catalogus van de « plug­in », de CSS, je MAP, dan toe te voegen Aan de lijst, admin.css.In dit dossier, de toevoeging van de volgende code:,, die een beeld&#container IMG (breedte: 100%; lengte: auto 's;}, en dan nog het volgende aan toevoegen, het (de) haak je « plug­in »:,, add_action ("admin_enqueue_scripts array ($,",, enqueue_styles "); tot slot, door toevoeging van de volgende functies:,, /* * * * * * * - doos met register stylesheet * * * * * * * * * * * * * * * * * * * * * /openbare functie sinds 0.2.0 enqueue_styles () {wp_enqueue_style ($- > de naam, de plugin_dir_url (__file__)."De Wegwijzerdienst /beheerder. De CSS, - ());}, waardoor je je keuze correct en je correct geregistreerd en in de rij van jouw stijl, zie je iets als dit:,,,,, veel beter, of niet? ,, 4.Hoe we de beelden?,, net zoals we het beeld te geven van een element aan toevoegen, moeten we nog een element waarmee we het beeld. En, zodat de bezocht, oog /de admin.php, en voeg de volgende code:,, < P = "verborgen als niet is verborgen" > < titel = "geschrapt meter beeld" href = "javascript;" = "geschrapt een postzegel" > het schrappen van karakteristieke beeld < /> < /P > <.- als het niet is verborgen... >,, de volgende, we moeten schrijven wat extra javascript het beeld op het scherm is het anker.Om dit doel te bereiken, opnieuw te bekijken, admin.js, laten we nog de volgende code hebben we nog een artikel dat anker:,, ///////voor de verwijdering van het beeld ("# dollar kenmerken een beeld van containers). De volgende () (). De show, net zoals Wij dat doen;, eerste anker, we moeten voorzien zijn van een gebeurtenis de procedures voor de behandeling van" geschrapt, met het oog op de "anker, beeld wordt geschrapt," kenmerken beeld "anker zal herstellen.,, om dit te doen, in de eerste plaats opnieuw de functie, die zolang dom te laden en de toevoeging van de volgende code:,, $("&#het schrappen van een postzegel "), (" klik ", de functie van (evt) {stoppen bij het gedrag van de evt. //////////////preventdefault (.); het schrappen van Het beeld, resetuploadform -.($);});,, we hebben een definitie nodig, resetuploadform, functie, dus laten we dat doen.Onthoud, het moet het schrappen van het beeld, verborgen "verwijder het verband" CONTAINER ", en het herstel van een anker en beeld", "klik" gebeurtenis "geschrapt." "verwijderen" beeld element in het kader van de auditie.* * * * * * * - element doos verborgen beeld en verborgen "geschrapt * een beeld van de container.* * * * * * * * * * * * * *) het voorwerp van een verwijzing naar het voorwerp van Param sinds 0.2.0 * /functie resetuploadform ($) (gebruik van strenge "; ///////in de eerste plaats zullen we verborgen beeld ("&#dollar kenmerken een beeld van containers). Kinderen (IMG). De huid (); ///////&#voor $("en dat die vaartuigen voet beeld blz. Containers). Het preventief () (). De show; /en, tot slot, we hebben" verborgen "terug naar de les van het anker moedermaatschappij ("&#dollar kenmerken een beeld van containers). De volgende () (). Aan de.AddClass (verborgen);}, op dit punt, we hebben van alles om te kiezen voor een beeld, en we moeten het schrappen van een beeld, en zal dat blijven doen. En, nog werk te doen, Maar we zullen ter dekking van de kosten in de volgende artikelen.En vergeet ook niet dat de bibliotheek te zien op github voor dit project in de huidige versie van de code, de volgende,.,,... Hebben we duidelijk wel achter de schermen werken, omdat het betrekking heeft op de keuze van een beeld, afbeeldingen, beeld, maar we hebben nog steeds het gebrek aan enkele belangrijke taken: het behoud van het beeld, dit is het, met het oog op de verbinding. En wat zien wij bezoekers van de website en de bepalingen in de achterkant, we moeten het redden van de gegevens in de gegevensbank van de hola, wat werk doen, ontsmetting, haalt ze op, dan zal dat voor de in deze Serie.,, in een artikel, wat zullen we doen, een kijk.Ondertussen, in de volgende diervoeders vrij om eventuele opmerkingen of vragen.