Path: csiph.com!feeder.erje.net!1.eu.feeder.erje.net!weretis.net!feeder4.news.weretis.net!feeder5.news.weretis.net!news.solani.org!.POSTED!not-for-mail
From: Thomas 'PointedEars' Lahn <PointedEars@web.de>
Newsgroups: de.comp.lang.javascript
Subject: Re: JS Variable von einem Teil zum =?UTF-8?B?bsOkY2hzdGVuIMO8YmVyZ2ViZW4/?=
Date: Wed, 11 Jan 2017 18:09:14 +0100
Organization: PointedEars Software (PES)
Lines: 109
Message-ID: <3162464.R56niFO833@PointedEars.de>
References: <o4vfhl$t13$1@news.albasani.net> <1795891.oMNUckLgyt@PointedEars.de> <o523rr$vtk$1@news.albasani.net> <11716715.uLZWGnKmhe@PointedEars.de> <o52g21$o01$1@news.albasani.net> <2879807.44csPzL39Z@PointedEars.de> <o55jvo$3eq$1@news.albasani.net>
Reply-To: Thomas 'PointedEars' Lahn <usenet@PointedEars.de>
Mime-Version: 1.0
Content-Type: text/plain; charset="UTF-8"
Content-Transfer-Encoding: 8Bit
X-Trace: solani.org 1484154556 15867 eJwVyMERwDAIA7CV0oCh62DA+4/Qq56CxROdHgiHIDasxsjlCn5df3LPGRS3MWbVzrzKd9kfTxgS/g== (11 Jan 2017 17:09:16 GMT)
X-Complaints-To: abuse@news.solani.org
NNTP-Posting-Date: Wed, 11 Jan 2017 17:09:16 +0000 (UTC)
User-Agent: KNode/4.14.2
X-User-ID: eJwNysEBwCAIA8CVpBDAcVDI/iPYex/UxW+Yww0Ekw1yr1iFlDHMSFxzjvLLtbuUx2p6cDWrt0a3qP0n5tR5bR0Wkg==
Face: iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAGFBMVEXTxa4RFk5dUWANED8PFEfy7+MGBiW+n3ZNF/QuAAACaElEQVQ4jVXUwVOcMBQG8Dc7Rc4PUntdWV2uxjDpGaGeozOp1woar4jd5t/v9wLstMwsA/ntlxdCAgUc1hjTc9/JCZfGoo3wG3HdmdAWrIJRHe7GM/TmpY5VFefuVcAkkPbLIaN8rmPmjloyZxgyR3GuJ4K0AGtJ2htz8o7yqikm759fldQXaMpbDzjKAG+8v+AugVTOPO5DOjLvGtUYQwh0CPjnVMyGd+8/GfUB5nLKJDD2aLDh5HYyMDJGDwQIo2ZmZcKbowNmAdB/AzyFhrmF2MHRb0QJJfaAnwGB6orZhoykLzJtGwF/xpYxI1dswomiUj3gTuAIqCn/4C7cULwGNBtwMTk3Y4LfKB5YUaOKBKYtpplm7u0vip8tU1NWWyI/7XdcSuIDoMt6rVHMWT0DbjHPGqDqZVSa6zleLcUTcIKLoMv3ueJluALtAo9B302zPPlrtiVScRdCjXvVh3e3JpYa/jjkuC9N+LrBMlz/eAN4eQijX2EdLo6c5tGGHwLyHFtXk89dDGHwCVhG9T0S/j55AhRZgkMCmUQXJ49TnS1wnQDvw0eAh9ICeMmEFbCnPMFzjAvsWoEWEFdYEx+S0MoUZ1gT1wId8+AF3Bl2OoEu906AUHx5VLw/gXYg/x84loOah/2UYNrgiwSwGO7RfUzVBbx/kgpckumGOi6QirtD6gkLTitbnxNol47S2jVc2vsN5kPqaAHT8uUdAJM4v/DanjYOwmUjWznGfwB7sGtAtor5BgofDuzaRj4kSQAqDakTsKORa3Q3xKi3gE1fhl71KRMqrdZ2AWNNg/YOhQyrVBnb+i+nEg4bsDA+egAAAABJRU5ErkJggg==
X-NNTP-Posting-Host: eJwNycERwDAIA7CVTMFwjGNosv8Irb6ip+VWJDN4eaVpJBs1wYrZRfeZR3gdG+df0NQuWZ2qDxrcEO8=
X-Face: %i>XG-yXR'\"2P/C_aO%~;2o~?g0pPKmbOw^=NT`tprDEf++D.m7"}HW6.#=U:?2GGctkL,f89@H46O$ASoW&?s}.k+&.<b';Md8`dH6iqhT)6C^.Px|[=M@7=Ik[_w<%n1Up"LPQNu2m8|L!/3iby{-]A+#YE}Kl{Cw$\U!kD%K}\2jz"QQP6Uqr],./"?;=4v
Cancel-Lock: sha1:hFwBHMHoaVyax1wU9khjUGaTTts=
Xref: csiph.com de.comp.lang.javascript:4846

Jan Novak wrote:

> Am 10.01.2017 um 13:57 schrieb Thomas 'PointedEars' Lahn:
>> […]
> 
> Ich habe jetzt folgenden JS Code:

OK.  Bitte aber keine Tab-Zeichen verwenden, die sind überall 
unterschiedlich breit, verschwenden im Normalfall Platz (8 Leerzeichen),
und mein derzeitiger Newsreader entfernt sie leider am Zeilenanfang.
Zwei Leerzeichen sind (nicht nur im Usenet, ausser bei Python) optimal
für eine Einrückung von Quelltext.

Nachfolgend korrigiert; auch so, dass es trotz Zeilenumbruch keinen 
Syntaxfehler gibt.
  
> <script>
>   var img = document.createElement("img");
>   /* Initiale Datei für die 1. Anzeige */
>   img.src = 
> "http://localhost/archiv/upload/pdf_f7f3ffc6793915dbb6cfa17acab4cb7a.pdf";

Ein Schritt in die richtige Richtung.  Aber *nur* zur Speicherung des URIs 
brauchst Du kein img-Elementobjekt zu erzeugen.  Zumal es sich hier nicht 
einmal um eine Grafik handelt.

>   //change Funktion der DropDown Liste
>   $("select[name='fileNames']").change(function () {
>     var fileId = $(this).val();
>     var token = $("input[name='_token']").val();
>     $.ajax({
>       url: "<?php echo route('select-ajax') ?>",
>       type: 'POST',
>       data: {fileId: fileId, _token: token},
>       success: function (data) {
>         /* gibt "http://localhost/archiv/upload/test.pdf" zurück */
>         img.src = data;
>         console.log(img);
>       }
>     });
>   });
> 
>   /* funktioniert nur initial, nicht beim Wechsel eines Eintrages 
>      der DropDown Liste */
>   $("#filedata").fileinput({
>     initialPreview: img.src,

Siehe oben: Hier weist Du der Eigenschaft nur einen String zu.  Es wird so 
_nicht_ ein Bild an das Plugin gebunden (das brauchst Du aber auch nicht).

> // […]
>     initialPreviewAsData: true,
>     initialPreviewConfig: [
>       {type: "pdf", size: 123456}
>     ]
>   });
> </script>           
> 
> 
> Ich initialisiere oben das img Object mit einer PDF, damit zu
> Testzwecken irgendetwas zu sehen ist. Beim Wechsel eines Elementes aus
> der DropDown Liste wird korrekt in der Konsole geloggt, dass eine neue
> URL in das img Object geschrieben wurde, jedoch wird es im Browser vom
> Plugin nicht angezeigt (aktualisiert).
> Fehlt mir hier nur eine neue "load" Eigenschaft?

Nein, sieht nicht so aus, als ob das Plugin das unterstützt.

Wenn Du aber die Initialisierung in den success-Handler kopierst (meine 
ursprüngliche Idee), könnte es funktionieren:

    $.ajax({
      // …
      success: function (data) {
        $("#filedata").fileinput({
          initialPreview: data,
          // […]
          initialPreviewAsData: true,
          initialPreviewConfig: [
            {type: "pdf", size: 123456}
          ]
        });
      }
    });

Falls das funktioniert (und keine offensichtlich negativen Effekte hat), 
solltest Du die Initialisierung in eine Methode auslagern, der Du jeweils 
nur den Wert für die initialPreview-Eigenschaft übergibst (DRY).

>>   input.onchange = function (event) {
>>     var reader = new FileReader();
>>
>>     reader.onload = function (event) {
>>       img.src = event.target.result;
>>     };
>>
>>     reader.readAsDataURL(event.target.files[0]);
>>   };
> 
> Muss ich mich in meinem Code darum kümmern? (und wenn ja, wie?)

Wenn Du das Plugin verwendest, brauchst Du diesen Code nicht, denn das 
Plugin enthält ihn im wesentlichen und erledigt das.

-- 
PointedEars
FAQ: <http://PointedEars.de/faq> | <http://PointedEars.de/es-matrix>
<https://github.com/PointedEars> | <http://PointedEars.de/wsvn/>
Twitter: @PointedEars2 | Please do not cc me./Bitte keine Kopien per E-Mail.