文件上傳不起作用從引導模式

我想使用模態上傳文件。它的工作文件選擇，而不是按鈕點擊。文件上傳不起作用從引導模式

下面的代碼是按鈕，叫我的模式：

下面的代碼是我的模態對話框：

<div class="modal fade" id="completeBrowse" role="dialog"> 
    <div class="modal-dialog"> 
     <!-- Modal content--> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4><span class="glyphicon glyphicon-lock"></span> Upload File</h4> 
      </div> 
      <div class="modal-body" id="completeBrowseBody"> 
       Choose and Upload 
       <input type="file" name="datafile" class="form-control" /><br/> 
       <div id="upload" style="display:none;">Uploading..</div> 
       <input type="button" class="btn btn-default btn-xs" 
         id="uploadingFileButton" name="uploadingFileButton" 
         value="Upload"/> 
      </div> 
      <div class="modal-footer"> 
       <em> Click on <strong>Choose File/ Browse</strong> to select and upload a file </em> 
      </div> 
     </div> 
    </div> 
</div>

下面是我想實現文件上傳部分：

$('input[name="uploadingFileButton"]').ajaxfileupload({ 
      'params': '${formRoot.Number}:${headerModel.User}', 
      'action': path, 
    //  'orderID', '${formRoot.Number}', 
      'onComplete': function(response) { 
       $('#upload').hide(); 
       if(response.status) 
        alert("File SAVED!!"); 
      }, 
      'onStart': function() { 
       $('#upload').show(); 
      } 
     });

如果我使用相同的代碼，如下所示，它工作正常。但問題是，我瀏覽並選擇它上傳的文件的時刻... 我試圖瀏覽並選擇文件，當點擊「選擇文件/瀏覽」按鈕和上傳按鈕點擊文件應該上傳...

$('input[type="file"]').ajaxfileupload({ 
      'params': '${formRoot.Number}:${headerModel.User}', 
      'action': path, 
    //  'orderID', '${formRoot.Number}', 
      'onComplete': function(response) { 
       $('#upload').hide(); 
       if(response.status) 
        alert("File SAVED!!"); 
      }, 
      'onStart': function() { 
       $('#upload').show(); 
      } 
     });

來源

2016-08-13 Nancy Sam

而且代碼片段僅適用於Chrome，不適用於IE。 –

我覺得ajaxfileupload接受的文件類型輸入

你應該把你的代碼

$('input[type="file"]').ajaxfileupload({ 
      'params': '${formRoot.Number}:${headerModel.User}', 
      'action': path, 
    //  'orderID', '${formRoot.Number}', 
      'onComplete': function(response) { 
       $('#upload').hide(); 
       if(response.status) 
        alert("File SAVED!!"); 
      }, 
      'onStart': function() { 
       $('#upload').show(); 
      } 
     });

中單擊處理uploadingFileButton按鈕

來源

2016-08-13 05:57:47 saiyan

嗨，感謝您的回覆我試過這樣做，但沒有運氣... –

我已經添加了一個id到按鈕： –

並在該按鈕的cilck上，我添加了我的代碼...我可以看到警報，但不能在此後執行代碼。點擊（功能（）{ alert（'Hello there'）; //我的代碼片段，如你所建議的那樣.... }）; –

文件上傳不起作用從引導模式

回答

相關問題