0

そのため、システムからファイルをインポートするためのボタンを含むドロップダウン リストがあります。

 <input type="file" id="fileSelected" class="upload" data-toggle="modal" value="Import" data-target="#importData"/>

そのため、ユーザーがファイル ブラウザからファイルを選択して [OK] をクリックすると、選択されたファイルの詳細を表示するブートストラップ モーダル ボックスが表示されます。ブートストラップ ポップアップのコード:

<div class="modal fade" id="importData" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="fathomLoginLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div id="popupDiv" ng-show="popUp" class="col-sm-12">
             <!--Some more content here-->
        </div>
       </div>
    </div>
</div>

ポップアップをトリガーするコードは次のとおりです。

$("#fileSelected").select(function(){
            $scope.showPopUp();
});
 $scope.showPopUp = function(){
        $scope.popUp = true;
        for(var i=0;i<9;++i){
           $timeout(function(){$scope.uploadCompleted += 0.1*($scope.uploadTotal);console.log($scope.uploadCompleted);},4000);
        }
        $scope.checkComplete();
   }

問題は、ファイル ブラウザ ウィンドウで [OK] をクリックしても、モーダル ポップアップ ボックスが表示されないことです。背景を薄くするだけで、何もしません。

4

2 に答える 2

0

このイベントを使用してみてください

$("#fileSelected").change(function(){
     //your action
 });
于 2014-10-10T06:03:18.183 に答える
0

ファイル入力の変更イベントをトリガーできます。ファイルを選択すると変更イベントが呼び出されます。

例 ：

$("#fileSelected").change(function(){
    $(".modal").show();
});

于 2014-10-10T06:13:29.857 に答える