如何重置<input type = "file">

我正在用VS2012和Javascript开发一个地铁应用程序

我想重置我的文件输入的内容:

<input type="file" id="uploadCaptureInputFile" class="win-content colors" accept="image/*" />

我该怎么做呢?

当前回答

var fileInput = $('#uploadCaptureInputFile');
fileInput.replaceWith(fileInput.val('').clone(true));

其他回答

我在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 = '';`

};

我的最佳解决方案

$(".file_uplaod_input").val('');  // this is working best ):

解决方案

下面的代码是用jQuery编写的。它适用于所有浏览器，并允许保存事件和自定义属性。

var $el = $('#uploadCaptureInputFile');
$el.wrap('<form>').closest('form').get(0).reset();
$el.unwrap();

DEMO

有关代码和演示，请参阅jsFiddle。

链接

有关更多信息，请参见如何使用JavaScript重置文件输入。

重置输入文件是非常单一的

$（'input[type=file]'）.val（null）;

如果你绑定重置文件中更改表单的其他字段，或者用ajax加载表单。

本例适用

选择器，例如$('input[type=text]')或表单的任何元素

事件单击，更改，或任何事件

$('body').delegate('event', 'selector', function(){
     $('input[type=file]').val(null) ;
});

你应该试试这个:

$("#uploadCaptureInputFile").val('');

推荐文章