Question

我正在处理angular并开发了图像输入。在此输入中，我开发了一个拖放区，用于拖动文件。

在将文件拖到此处时如何更改放置区背景？这可以让我知道放置该文件是否可以将我的文件保存在那里。

有人可以帮助我吗？

HTML

    <div class="drop" >
      <div class="cont">
        <div class="browse" >
            Upload 
          </div>
      </div>
      <div class="abc">            
      </div>
        <input type="file" id="files" multiple accept="image/*">
    </div>

Answer 1

使用角度的拖放事件：

<div (dragenter)="dropzoneHovered = true" (dragleave)="dropzoneHovered = false">

然后将CSS类应用于您喜欢的元素：

[class.drag-active]="dropzoneHovered"

例如：

.drag-active {
  background: red; 
}

您可以在this stackblitz

中看到它的运行情况

角度-拖动图像时如何更改拖放区颜色

1 个答案: