2013-07-27 28 views
0

我已經下載了dropzone.js(保存在我的/ js文件夾中),dropzone.css(保存在我的/ css文件夾中)和兩個提供的圖像(保存在我的/ images文件夾中)。dropzone.js的問題

同時使用這些教程(http://www.startutorial.com/articles/view/how-to-build-a-file-upload-form-using-dropzonejs-and-php & & http://maxoffsky.com/code-blog/howto-ajax-multiple-file-upload-in-laravel/)我試圖讓最基本的懸浮窗的...

我的html文件的相關內容如下:

<script src="js/dropzone.js"></script> 
<link media="all" type="text/css" rel="stylesheet" href="css/dropzone.css"> 
// Other html code 
<form action="api/v1/upload" class="dropzone"></form> 

我api上傳方法是:(此代碼已從上面的教程中獲取,因爲我使用的是Laravel)

$file = Input::file('file'); 
$destinationPath = 'tmp/'.str_random(8); 
$filename = $file->getClientOriginalName(); 
$upload_success = Input::file('file')->move($destinationPath, $filename); 

if($upload_success) { 
    return Response::json('success', 200); 
} else { 
    return Response::json('error', 400); 
} 

但是,當我使用此代碼時,我遇到以下問題:

  • dropzone沒有演示程序默認的文本。
  • 當我在拖動照片,但它上傳並保存到我的TMP文件夾中(所以我知道它調用正確的方法),但因爲它在演示確實沒有顯示出一個綠色的成功箭頭
  • 一旦上傳的,我沒有得到一個按鈕,下面的圖片讓我刪除它

我經歷過的文檔,但我可以告訴,這些項目應該「工作開箱即用」。這些錯誤是我正在經歷的,還是他們的設置我沒有實現?

非常感謝

編輯:

現在我已經整理問題3 - 我不知道,但是這是一個需要設置的選項。對於那些誰發現了這個問題,使用下面的腳本:

Dropzone.options.dropzone = { 
    addRemoveLinks: true, 
}; 
+0

如果你把它想你做了這個「看起來和我的dropzone一樣酷,你還需要從下載文件夾下載css/dropzone.css,images/spritemap.png和images/[email protected]。「 –

+0

演示頁面使用'font-family:「brandon-grotesque」,helvetica,sans-serif'你也在使用它嗎? –

回答

0

的addRemoveLinks並不需要真/假值。相反,你可以將它設置爲以下三種選擇:

dictCancelUpload,dictCancelUploadConfirmation和dictRemoveFile

您的代碼必須看起來像這樣

Dropzone.options.dropzone = { 
    addRemoveLinks: "dictRemoveFile", 
}; 
+0

我不相信這就是文檔所說的,如果你直接看代碼「addRemoveLinks」默認設置爲false,並且在任何時候我都沒有看到文檔中的任何內容顯示需要使用這些代碼話... –