無法在Bootstrap中提交我的模態表單

Django初學者需要幫助！我試圖以模態形式上傳圖片，問題是我無法提交我的模態...當我點擊提交按鈕時，實際上並沒有發生什麼......一直在掙扎2天... 我是使用Bootstrap V 1.0.4 嘗試從網絡的一些JS代碼，但他們都沒有爲我工作......任何想法我該怎麼辦？謝謝... here`s我的模式：無法在Bootstrap中提交我的模態表單

<div id="myModal" class="modal fade" 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 class="modal-title">آپلود عکس</h4> 
          </div> 
         <div class="modal-body"> 
          <p>کاربر گرامی لطفا قبل از آپلود عکس به موارد زیر توجه نمایید:</p> 
          <ul> 
           <li>حداکثر حجم قابل قبول برای فایل ارسالی 8 مگابایت می باشد</li> 
           <li>فرمت های تصویری مجاز: jpg , Gif , PNG</li> 
           <li>در صورت ارسال عکس های غیراخلاقی عکس و طرح شما به هیچ وجه منتشر نخواهد شد و پس از چاپ از سیستم حذف می گردد</li> 
           <li>لطفاً در هنگام آپلود عکس صبور باشید :)</li> 
          </ul> 
         </div> 
         <div class="modal-footer"> 
          <form method="post" action="/upload/" id="formfield"> 
           {% csrf_token %} 
           <div class="form-group"> 
            <label for="upload">آپلود عکس:</label> 
            <input type="file" class="form-control" id="upload" name="upload"/> 
           </div> 
           <div class="form-group"> 
            <label for="sides">چند رو بودن(1-پشت/2-جلو/3-هر دو طرف):</label> 
            <input type="text" class="form-control" id="sides" name="sides"/> 
           </div> 
           <button id="submit" type="submit" class="btn btn-default" data-dismiss="modal">ذخیره</button> 
          </form> 
         </div> 
         </div> 

         </div> 
        </div>

對不起，如果形式是波斯語。 views.py

def upload(request): 
    if request.method=='POST': 
     print "entered upload" 
     image=request.POST.get('upload', False) 
     sides=request.POST.get('sides', False) 
     design=Design.objects.create(image=image, sides=sides) 
     return HttpResponseRedirect("/home/")

因爲我可以t submit my modal it doesn噸即使在views.py進入我upload DEF。任何幫助將不勝感激:)

來源

2015-08-22 Parmis Moghadamian

如果你正在處理表單中的文件，你需要'enctype =「multipart/form-data」'作爲表單屬性。在視圖中，你可以執行'request.FILES.get（...）'。在這種情況下，您最好使用django表單 - 用於安全性，文件類型驗證等。 – karthikr

另外，檢查瀏覽器的控制檯以查看是否遇到任何404或500。 – karthikr

上次我面臨這個問題之前..使用引導模態製作窗體，然後按提交按鈕。沒有發生。所以很奇怪的權利。你知道什麼問題？問題實際上是由輸入類型submit中爲屬性定義的同名引起的。就像你的id和type屬性用'submit' name ..嘗試改變id名稱..不知道這個解決方案是否適用於這種情況.. –

您有data-dismiss="modal"上提交按鈕，這是關閉模式框的引導處理程序。引導程序捕獲此事件並防止默認提交事件，因爲它的目的是關閉模式。從提交按鈕中刪除data-dismiss="modal"，你就可以走了。另外請按照karthikr的提示

來源

2015-08-22 12:26:35

謝謝兄弟！你曾經是一名救生員。我刪除了data-dismiss =「modal」，它起作用了！ = O –

@ParmisMoghadamian很高興幫助你。如果您認爲答案是有效的答案，您可以將答案標記爲[accepted]（http://meta.stackexchange.com/a/5235）。 –

當然我打算這麼做:) –

無法在Bootstrap中提交我的模態表單

回答

相關問題