Bootstrap-Dateieingabe konnte nicht angepasst werden

Ich versuche Bootstrap-Datei-Eingabeformular GitHub in asp.net zu implementieren.Bootstrap-Dateieingabe konnte nicht angepasst werden

Unten ist mein .aspc Datei Code

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 

     <link href="Content/bootstrap.min.css" rel="stylesheet" /> 
    <script src="Scripts/bootstrap.min.js"></script> 
    <script src="bootstrap-fileinput/js/fileinput.js"></script> 
    <link href="bootstrap-fileinput/css/fileinput.css" rel="stylesheet" /> 
    <title></title> 
    <script> 
     $("#input-id").fileinput({ 
      'showUpload': false, 
      'maxFileCount': 5, 
      'showPreview': false, 
      'mainClass': "input-group-lg" 
     }); 
    </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <input id="input-id" type="file" class="file-loading" multiple> 

    </div> 
    </form> 
</body> 
</html>

Es funktioniert. Aber ich muss es anpassen.

Ich will nicht Vorschau von Dateien ('showPreview': false)
Ich will nicht Upload-Button ('showUpload': false) zeigen
Ich möchte Anzahl der Dateien begrenzen (‘ maxFileCount ': 5)

Ich habe die erforderlichen Plugins für die Anpassung verwendet.

Aber immer noch bekomme ich Standard-Vorschau/Ausgabe.

Kann jemand dabei helfen?

Danke für Ihre Hilfe.

Quelle

2016-12-13 Dheeraj Kumar

Ihr Code weist geringfügige Fehler auf. Sie müssen Ihrem Eingabe-Tag eine "multiple" Anweisung hinzufügen und die Klasse in "file-loading" ändern.

<form id="form1" runat="server"> 
    <div> 
    <input id="input-id" type="file" class="file-loading" multiple> 
    </div> 
</form>

Und hier ist eine Arbeits Demo: https://jsfiddle.net/16jut54d/

Quelle

2016-12-13 09:21:49

und welche externe CSS und JS-Dateien werden auch von Ihnen? –

Ich habe meinen Code wie gesagt aktualisiert. Jetzt alles, was ich bekomme, ist ein gif Laden Bild auf der Ausgabe :( –

Und mit dem gleichen Eingang gibt es korrekte Ausgabe auf jsfiddle.net. Wie ist das möglich! –

Bootstrap-Dateieingabe konnte nicht angepasst werden

Antwort

Verwandte Themen