4

您好，我在使用 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

}
?>
4

2 回答 2

4

在其自己的单独脚本元素中声明您的 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>
于 2015-01-12T15:54:55.370 回答
0

只需致电：

file.previewElement.remove();
于 2018-08-04T14:56:03.280 回答