2016-05-31 4 views
0

Ich habe viele Datensätze in einer Tabelle auf meiner Seite, jeder von ihnen hat eine Schaltfläche "Bearbeiten", es erhält alle Daten in Bezug auf diesen Datensatz vom Server und dann Es füllt das Formular neben dem Tisch.Vorschau ändern Bild nach dem Klicken auf eine Schaltfläche auf Krajee Dateieingabe

Thing ist, ich benutze Krajee File Input, und ich kann nicht scheinen, um das Vorschaubild zu dem, den ich zuvor in Server hochgeladen. Wenn ich auf "Bearbeiten" klicke, sollte das Vorschaubild jedes Mal ändern, wenn eine Bearbeitungsschaltfläche eines Datensatzes angeklickt wird, und das Bild dieses Datensatzes im Dateieingabe-Plug-in anzeigen.

Erste Frage: Ist das überhaupt möglich?

zweite und letzte, lasse ich meine JS-Code, die Initialisierung:

$(document).on('ready', function() 
{ 
    $('#photo').fileinput(
         { 
         overwriteInitial: true, 
         maxFileSize: 100, 
         showRemove:false 
         }       
         );  
}); 

Die Edit-Funktion, die den FileInput- Codeteil nach innen hat.

$("#photo").fileinput('refresh', 
         { 
          initailPreview: 
          [ 
           '<img src="../img/Legacy.jpg" class="file-preview-image">' 
          ], 
          showUpload:false 
         } 
         ); 

Für das, was ich bisher gesehen habe, es erfrischt die Plug-in, das die Schaltfläche „Hochladen“ entfernt, aber das Bild nicht zeigt. Die Bilder erscheinen nur, wenn ich sie in "OnReady" hinzufüge. Und für praktische Fragen habe ich einfach jedes Bild in meinem Projekt (Legacy.jpg) verwendet, um zu sehen, ob es funktioniert.

+1

Sie haben einen Rechtschreibfehler im zweiten Codeblock: 'initailPreview' sollte wahrscheinlich' initialPreview' sein. – lud1977

+0

Ja, ich kam vor ein paar Minuten zu realisieren, verlor ich fast drei Stunden mit diesem T.T –

Antwort

1

Oh mein Gott, es war "Initial" nicht "Initail".

Verwandte Themen