JS：燒瓶項目

Question

具有長頸瓶項目，我想替換的東西一點點更好的標準文件上傳表單jasny的上傳控件：

<form action="" method=post enctype=multipart/form-data> 
    <input type=file name=file> 
    <input type=submit value=Upload> 
</form> 

一直在尋找到使用jasny's bootstrap upload widget，但，加載正確的.js和.css文件，並結合下面的HTML

<div class="fileupload fileupload-new" data-provides="fileupload"> 
    <div class="input-append"> 
    <div class="uneditable-input span3"> 
     <i class="icon-file fileupload-exists"></i> 
     <span class="fileupload-preview"></span> 
    </div> 
    <span class="btn btn-file"> 
     <span class="fileupload-new">Select file</span> 
     <span class="fileupload-exists">Change</span> 
     <input type="file" /> 
    </span> 
    <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a> 
    </div> 
</div> 

後，我不知道如何設置事件實際上傳有問題的文件。我在猜測，我勾選了一個不同的按鈕直到提交事件，但我不確定在這裏要做什麼。

Answer 1

它看起來像插件通過綁定事件到現有的DOM對象。你打電話給

$('.fileupload').fileupload() 

DOM準備好了嗎？如果在將元素添加到DOM之前調用它，則不會找到任何要綁定事件的元素。