dropzone.js的问题

时间:2013-07-27 01:57:51

标签: jquery laravel laravel-4 dropzone.js

我已经下载了dropzone.js(保存在my / js文件夹中),dropzone.css(保存在我的/ css文件夹中)和两张提供的图像(保存在我的/ images文件夹中)。

使用这两个教程(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/)我试图制作最基本的dropzone ...

我的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文件夹(因此我知道它调用了正确的方法)但没有显示绿色成功箭头,因为它在演示中
  • 上传后,我在图片下方没有按钮,只允许我将其删除

我已经阅读了文档,但据我所知,这些项目应该开箱即用#39;我遇到的这些错误,还是我未能实现的设置?

非常感谢

修改

我现在已经排序问题3 - 我没有意识到,但这是一个需要设置的选项。对于发现此问题的用户,请使用以下脚本:

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

1 个答案:

答案 0 :(得分:0)

addRemoveLinks不接受true / false值。相反,您可以将其设置为以下三个选项:

  

dictCancelUpload,dictCancelUploadConfirmation和dictRemoveFile

您的代码必须如下所示

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