我已經下載了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,
};
如果你把它想你做了這個「看起來和我的dropzone一樣酷,你還需要從下載文件夾下載css/dropzone.css,images/spritemap.png和images/[email protected]。「 –
演示頁面使用'font-family:「brandon-grotesque」,helvetica,sans-serif'你也在使用它嗎? –