【问题标题】:Issues with dropzone.jsdropzone.js 的问题
【发布时间】:2013-07-27 10:37:42
【问题描述】:

我已经下载了 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,
};

【问题讨论】:

  • 你做了吗?如果你想让它看起来像我的dropzone一样酷,你需要下载css/dropzone.css、images/spritemap.png和images/spritemap.png@ 2x.png 以及从下载文件夹中。”
  • 演示页面使用font-family:"brandon-grotesque",helvetica,sans-serif你也在用吗?

标签: jquery laravel laravel-4 dropzone.js


【解决方案1】:

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

dictCancelUpload、dictCancelUploadConfirmation 和 dictRemoveFile

您的代码必须如下所示

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

【讨论】:

  • 我不相信这就是文档所说的,如果您直接查看代码 addRemoveLinks 默认设置为 false 并且在任何时间点都没有我在文档中的任何内容看到状态需要使用这些词...
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-05-29
  • 2013-05-27
  • 2017-05-31
  • 2017-05-19
  • 2015-11-04
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多