2015-11-26 123 views
1

我想在bootstrap中上傳文件,它只在chrome中工作,而不是在Firefox中,我想爲兩個瀏覽器工作,如果任何人都可以修復問題也可以,否則給我鏈接bootstrap fileupload,我搜索我得不到的東西,我想這一個,但我不知道如何插入值對於任何一個這個有點難度知道來告訴我http://blueimp.github.io/jQuery-File-Upload/文件上傳按鈕無法正常工作

<button class="btn btn-primary" data-toggle="modal" data-target="#formModal"> 
    Launch Form Modal 
</button> 
<div class="modal fade" id="formModal" tabindex="-1" role="dialog" aria-labelledby="formModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
       <h4 class="modal-title" id="formModalLabel">Large Modal Title</h4> 
      </div> 
      <div class="modal-body"> 
       <form form action="original_photo_upload.php" method="post" enctype="multipart/form-data" class="form-horizontal" style="margin-top: 20px;"> 

               <div class="form-group"> 
                <label class="control-label col-xs-3">File Upload</label> 
                <div class="col-md-9"> 
                 <div class="fileupload fileupload-new" data-provides="fileupload"> 
                  <div class="input-append"> 
                   <div class="uneditable-input"> 
                    <i class="fa fa-file fileupload-exists"></i> 
                    <span class="fileupload-preview"></span> 
                   </div> 
                   <span class="btn btn-default btn-file"> 
                    <span class="fileupload-exists">Change</span> 
                    <span class="fileupload-new">Select file</span> 
                    <input type="file" name="file" required> 

                   </span> 
                   <a href="#" class="btn btn-default fileupload-exists" data-dismiss="fileupload">Remove</a> 
                  </div> 
                 </div> 
                </div> 
               </div> 

               <div class="form-group"> 
                <div class="col-xs-offset-4 col-xs-8"> 
                 <button type="submit" value="register" class="btn btn-primary" id='btn-submit'>Upload The Photo</button> 
                </div> 
               </div> 

              </form> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       <button type="button" class="btn btn-primary">Save Changes</button> 
      </div> 
     </div> 
    </div> 
</div> 
+1

在Firefox中會發生什麼?它以什麼方式不起作用?你有錯誤嗎? –

+1

雖然上傳文件無法正常工作,但無法點擊該按鈕 –

回答

2

添加enctype="multipart/form-data"的使用形式上傳功能。

<form id="demo-form" class="form-horizontal mb-lg" novalidate="novalidate" enctype="multipart/form-data"> 
+1

然後我想知道它在Chrome中是如何工作的? – Matheno

+0

奇怪...只是嘗試一次... –

+0

現在仍然不工作,不能在firefox點擊,但鉻正在工作 –