我正在用VS2012和Javascript开发一个地铁应用程序
我想重置我的文件输入的内容:
<input type="file" id="uploadCaptureInputFile" class="win-content colors" accept="image/*" />
我该怎么做呢?
当前回答
jQuery的解决方案:
$('input').on('change',function(){
$(this).get(0).value = '';
$(this).get(0).type = '';
$(this).get(0).type = 'file';
});
其他回答
可以这样做
var inputfile= $（'#uploadCaptureInputFile'） $（'#reset'）.on（'click'，function（）{ inputfile.replaceWith（inputfile.val（''）.clone（true））; }) <script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script> <input type=“file” id=“uploadCaptureInputFile” class=“win-content colors” accept=“image/*” /> <a href=“” id=“reset”>重置</a>
我在这里错过了另一个解决方案(2021年): 我使用FileList与文件输入交互。
因为没有办法创建FileList对象，所以我使用DataTransfer，它带来了干净的FilleList。
我用:
file_input.files=new DataTransfer().files
在我的例子中，这非常适合，因为我只通过FileList与封装的文件输入元素进行交互。
你不能重置，因为它是一个只读文件。你可以克隆它来解决这个问题。
我在ng2-file-upload中遇到过angular的问题。如果你正在寻找angular的解决方案，请参考下面的代码
HTML:
<输入type=“文件”/>
组件
import {Component, OnInit, ElementRef, ViewChild} from @angular/core;
@ViewChild (activeFrameinputFile) InputFrameVariable: ElementRef;
this.frameUploader.onSuccessItem =(项目，响应，状态，头)=> {
`this.`**InputFrameVariable**`.nativeElement.value = '';`
};
在IE 10中，我解决了这个问题:
var file = document.getElementById("file-input");
file.removeAttribute('value');
file.parentNode.replaceChild(file.cloneNode(true),file);
地点:
<input accept="image/*" onchange="angular.element(this).scope().uploadFile(this)" id="file-input" type="file"/>
