2016-12-13 10 views
0

私は、ブートストラップファイル入力フォームGitHubをasp.netに実装しようとしています。以下はブートストラップファイル入力をカスタマイズできません

私.aspcファイルコード

<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> 

は、それが動作です。しかし、私はそれをカスタマイズする必要があります。

  1. 私は、ファイルのプレビュー( 'showPreview':false)にしたくない:
  2. 私はファイルの数を(制限したい」
  3. を私は(false 'にshowUpload')アップロード]ボタンを表示したくありませんmaxFileCount ':5)

私はカスタマイズに必要なプラグインを使用しています。

しかし、まだデフォルトのプレビュー/出力が得られます。

誰か助けてもらえますか?

ありがとうございました。

答えて

1

コードに小さな誤りがあります。入力タグに "multiple"ディレクティブを追加し、クラスを "file-loading"に変更する必要があります。

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

そして、ここで働くのデモです:https://jsfiddle.net/16jut54d/

+0

、あなたはどの外部CSSやJSファイルを含めていますか? –

+0

あなたが言ったように自分のコードを更新しました。今では私が得ているのは、出力上に画像をロードするGIFです:( –

+0

そして同じ入力で、jsfiddle.netに正しい出力を与えます。どのようにこれが可能ですか? –

関連する問題