Krajee Bootstrap文件輸入無響應

Question

我試圖使用this plugin，當我單擊表單上的提交時，我沒有收到任何迴應。

這是模態內部的形式。我正在使用bootstrap。

<form id="myForm" action="#" method="post" enctype="multipart/form-data"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true" id="closeModalTimes"> 
      &times; 
      </button> 
      <h4 class="modal-title">Upload New Document</h4> 
     </div> 
     <div class="modal-body"> 
      <div class="row"> 
       <div class="col-md-12"> 
        <div class="form-group"> 
         <label class="control-label">Name *</label> 
         <input class="form-control" type="text" id="name" name="name" required /> 
        </div> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="col-md-12"> 
        <div class="form-group"> 
         <label class="control-label">Subject *</label> 
         <textarea name="subject" id="subject" class="form-control" required></textarea> 
        </div> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="col-md-12"> 
        <div class="form-group"> 
         <label for="inputFile">Document File *</label> 
         <input type="file" name="inputFile" id="inputFile" required> 
        </div> 
       </div> 
      </div> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" data-dismiss="modal" class="btn" id="closeModalButton"> 
      Close 
      </button> 
      <button type='button' id="submitFile" class='btn'> 
       Send 
      </button> 
     </div> 
    </div><!-- /.modal-content --> 
    <input name="myId" type="hidden" id="myId" value="393839334034933"> 
    <input name="user" type="hidden" id="user" value="339"> 
    <input name="page" type="hidden" id="page" value="test"> 
    </form> 

這是在頁面

$("#inputFile").fileinput({ 
    overwriteInitial: false, 
    maxFileSize: 4000, 
    showPreview: false, 
    showUpload: false, 
    uploadAsync: true, 
    allowedFileExtensions: ["jpg", "jpeg", "gif", "png"], 
    browseClass: "btn btn-info", 
    elErrorContainer: "#documentErrorBlock", 
    msgSizeTooLarge: "File exceeds size", 
    msgInvalidFileExtension: "Invalid extension", 
    uploadURL: "upload.php", 
    uploadExtraData: function() { 
     return { 
       id: $("#myId").val(), 
       userId: $("#user").val(), 
       page: $("#page").val(), 
       name: $("#name").val(), 
       subject: $("#subject").val() 
      }; 
    } 
}); 


$('#inputFile').on('filebatchuploadsuccess', function(event, data, previewId, index) { 
    alert('success: '+data.response); 
}); 

$('#inputFile').on('filebatchuploaderror', function(event, data, previewId, index) { 
    alert('error: '+data.response); 
}); 

$("#submitFile").click(function(e) { 
    $('#inputFile').fileinput('upload'); 
}); 

底部的jQuery和這是PHP文件：

$output = array(); 
$output['message'] = 'Reached PHP'; 
$output['success'] = true; 
echo json_encode($output); 

當我點擊沒有反應在所有...不是錯誤信息或任何東西... 感謝您的幫助！

Answer 1

未提交的原因來自您根據文檔拼寫錯誤的「uploadURL」。 更改此

uploadURL: "upload.php", 

到

uploadUrl: "upload.php", 

能夠解決您的問題。

http://plugins.krajee.com/file-input#option-uploadurl