获取已删除的文件作为输入
Get dropped file as input
我处理在输入类型"file"中输入的文件,以便:
<input id="upload_button" type="file"/>
然后:
var handleFileSelect = function(evt) {
var target = evt.dataTransfer || evt.target;
var file = target && target.files && target.files[0];
(...)
};
angular.element(document.querySelector('#upload_button')).on('change', handleFileSelect);`
如您所见document.querySelector('#upload_button').on('change', handleFileSelect);
.
但我想用拖放div做同样的事情:
<div class="drop-zone" id="upload_drop" >
<img src="../images/icon_cloud.png"/>
<font class="receipt_upload_font"> Beleg per Drag & Drop hinzufügen</font>
<font class="receipt_upload_oder_font"> oder unten "Beleg hinzufügen" klicken und Datei auswählen</font>
</div>`
但我不知道该怎么做。:(我无法将div 中丢弃的文件作为输入进行处理。
最后我找到了最好的方法。
在下降时,我使用了:
angular.element(document.querySelector('#upload_button')).on('change', handleFileSelect);
这个:
<div class="drop-zone" id="upload_drop" >
<img src="../images/icon_cloud.png"/>
<font class="receipt_upload_font"> Beleg per Drag & Drop hinzufügen</font>
<font class="receipt_upload_oder_font"> oder unten "Beleg hinzufügen" klicken und Datei auswählen</font>
</div>
<script>
var dropZone = document.getElementById('upload_drop');
// Get file data on drop
dropZone.addEventListener('drop', function(e) {
handleFileSelect(e);
});
<script>
所以当我掉东西时它会起作用。
相关文章:
- 我想在选择输入文件上显示图像
- 触发IE9中的输入文件点击
- 将图像数据设置为输入文件标记
- Asp-mvc剃刀将输入文件的值存储在文本框中
- 选择同一文件时未触发HTML输入文件选择事件
- 从Javascript中的输入文件中获取文件名
- 输入文件和自动提交 - 播放框架 2.
- 将 FormData 对象放入数组中以从不同的输入文件上载文件
- 警报输入“文件”文件名,使用 jQuery 和“split”
- 检查是否对任何输入文件进行了更改
- 仅获取所选输入文件的名称
- 如何在Joomla模块中通过JavaScript发送输入文件类型
- Javascript将输入文件传递给PHP
- 触发AngularJS中的输入文件点击事件
- 输入文件:如何在刷新后显示文件名
- Angular 2-模型驱动的表单,带有输入文件(文件上传)
- 如何制作一个输入文件以供使用
- 将html输入文件元素从一个表单复制到另一个表单
- 如何在jquery中清除输入文件字段
- 在3个输入文件中加载img