無法讓jquery文件上傳器出現在頁面

好吧，我即將把我的頭髮拉出來。我一直在嘗試兩種不同的文件上傳器庫，Blueimp的jQuery文件上傳器和Valums文件上傳器。我無法使用任何一個上傳按鈕出現在我的網頁上。我試圖把它放在一個jQuery手風琴div內的表單裏面。我的代碼必須有一些問題阻止它出現在我的目標div中，但是就控制檯中的錯誤而言，我什麼也得不到。只是沒有出現。有任何想法嗎？下面是Blueimp版本的我的代碼：無法讓jquery文件上傳器出現在頁面

HTML：

<div id="photo" class="additionsDiv"><br /> 
        URL: 
         <input type="text" name="photourl" size="40"></input> 
         or 
         <div id="photoUpload"> 
          <noscript> 
          <input name="photoUpload" type="file" size="0" /></input> 
          </noscript> 
         </div> 
       </div>

的Javascript：

function addUploaders() { 
$('#photoUpload').fileupload();

};

鏈接文件包括：

<link type="text/css" href="libraries/blueimp/css/jquery.fileupload-ui.css" rel="stylesheet" /> 
    <script type="text/javascript" src="libraries/blueimp/js/jquery.fileupload.js"></script> 
    <script type="text/javascript" src="libraries/blueimp/js/jquery.fileupload-fp.js"></script> 
    <script type="text/javascript" src="libraries/blueimp/js/jquery.fileupload-ui.js"></script> 
    <script type="text/javascript" src="libraries/blueimp/js/main.js"></script>

來源

2012-10-11 northlandiguana

如果您自定義你應該如何設置簡約的界面自定義上傳進度條看看這個link接口。。。。

該插件添加自定義類的自定義跨度以顯示選定的文件併爲上傳做好準備。。。。

例如。。檢查blueimp演示的源代碼

<!-- The table listing the files available for upload/download --> 
    <table role="presentation" class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table>

我建議你查看documentation這是非常詳細的。。。

來源

2012-10-11 02:31:42 palerdot

無法讓jquery文件上傳器出現在頁面

回答

相關問題