Question

之前是否有人使用过角度为2或4的dropzone Js库？如果有一些有用的例子或链接感谢

Answer 1

也许有点晚了，经过一些研究后我发现这些信息可以用Angular 5制作dropzone 5.0.2：

将dropzone.js库放在src/js/下（创建js目录，如果尚未创建的话）
在js/dropzone.js

.angular-cli.json

如上所述here，在角度项目的根目录（.angular-cli.json所在的位置）cmd / shell中运行以下命令：
```
npm install --save @types/dropzone
```
现在您可以在您的打字稿类中导入dropzone，如下所示：
```
import * as dropzone from 'dropzone';
```

您也可以将它集成为Angular组件（Angular 2+），如描述它this article。

警告：我没有测试它，因此，可能有些东西丢失或错误。我终于使用了另一个库。

Answer 2

如果您未绑定到dropzone.js，因为它不是为与Angular一起使用而优化的，我可能会建议您使用以下库。

我已经编写了一个高度可定制的Angular组件，该组件实现了Drag'n'Drop行为。它返回已删除文件的列表作为输出事件。
可以找到here。

导入模块后，您可以访问该组件：

<ngx-dropzone [multiple]="false" [maxFileSize]="2000"></ngx-dropzone>

您可以设置一些选项，它带有不错的默认样式（屏幕快照可以在GitHub存储库中找到）。如果需要，您甚至可以将自己的div容器与您的自定义样式和悬停效果一起放入放置区。有关详细信息，请参见API说明。

<ngx-dropzone [customContent]="customDropzone" (filesDropped)="onFilesDropped($event)">
<ng-template #customDropzone>
    <div class="custom-dropzone">
        This is my custom content
    </div>
</ng-template>

Dropzone js有角4

2 个答案: