Dropzone.js addRemoveLinks 不起作用答案

【问题标题】：Dropzone.js addRemoveLinks not workingDropzone.js addRemoveLinks 不起作用
【发布时间】：2013-10-08 03:25:14
【问题描述】：

您好，我在使用 Dropzone.js 中的自定义选项时遇到问题。即使我将其设置为 true，它也不会显示删除链接。我不确定我是否正在处理这个错误或到底发生了什么。文件正在正确上传，并且显示加载栏和已完成的复选标记。

我目前的代码是：

<html>

<head>   

<!-- 1 -->
<link href="models/site-templates/dropzone.css" type="text/css" rel="stylesheet" />

<!-- 2 -->
<script src="models/dropzone.js">
Dropzone.options.myDropzone = {
    addRemoveLinks: true,
};
</script>

</head>

<body>

<!-- 3 -->
<form id="myDropzone" action="upload.php" class="dropzone"></form>

</body>

</html>

这里是upload.php

<?php
$ds          = "/";  //1

$storeFolder = 'uploads';   //2

if (!empty($_FILES)) {

    $tempFile = $_FILES['file']['tmp_name'];          //3             

    $targetPath = dirname( __FILE__ ) . $ds. $storeFolder . $ds . "temp" . $ds;  //4

    $targetFile =  $targetPath. $_FILES['file']['name'];  //5

    move_uploaded_file($tempFile,$targetFile); //6

}
?>

【问题讨论】：

标签： javascript php jquery laravel-4 dropzone.js

【解决方案1】：

只要打电话：

file.previewElement.remove();

【讨论】：

【解决方案2】：

在它自己的单独脚本元素中声明你的 dropzone 初始化并删除缩略图添加一个 removedFile 方法：-

<script src="./lib/dropzone-3.12/dropzone.js"></script>
<script type="text/javascript">
  Dropzone.options.myDropzone = {
    addRemoveLinks: true,
    removedfile: function(file) { 
      var _ref;
      return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0;
    }
  };
</script>

【讨论】：