0

我已经下载了 dropzone.js（保存在我的 /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 文件夹中（所以我知道它正在调用正确的方法）但没有像演示中那样显示绿色的成功箭头
  • 上传后，图片下方没有按钮可让我将其删除

我已经阅读了文档，但据我所知，这些项目应该“开箱即用”。这些是我遇到的错误，还是我未能实施的设置？

非常感谢

编辑：

我现在已经对问题 3 进行了排序 - 我没有意识到，但这是一个需要设置的选项。对于那些发现此问题的人，请使用以下脚本：

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

1 回答 1

0

addRemoveLinks 不采用真/假值。相反，您可以将其设置为以下三个选项：

dictCancelUpload、dictCancelUploadConfirmation 和 dictRemoveFile

您的代码必须如下所示

Dropzone.options.dropzone = {
    addRemoveLinks: "dictRemoveFile",
};
于 2015-02-11T14:06:11.223 回答