- 用户可以通过拖放方式选择文件,将其拖放到页面指定区域。
- 在
POSTRT
组件中,找到一个元素,使其成为可拖放区域。 - 绑定
on drag over
事件到组件包装元素,设置事件处理器以禁用默认行为。 - 绑定
on drop
事件,当文件被拖放并松开鼠标,该事件被触发,处理器同样禁用默认行为。 - 通过事件获取拖放的第一个文件对象,并进行判断;如果文件对象存在,则更新文件状态,并创建图像预览。
- 在浏览器中通过拖放图像文件到页面上测试,触发
on drop
事件,从而设置文件状态并创建预览图像。
POSTRT
组件中,找到一个元素,使其成为可拖放区域。on drag over
事件到组件包装元素,设置事件处理器以禁用默认行为。on drop
事件,当文件被拖放并松开鼠标,该事件被触发,处理器同样禁用默认行为。on drop
事件,从而设置文件状态并创建预览图像。