如何提交后清除FORMDATA()

约翰·W上。

我公司开发的文件输入。当选择被执行的功能的该文件,其检测该文件,并将其发送到服务。

我的问题是,格式总是吸收所有选定的文件,从不清洗。也就是说,如果选择2个图像和,我得到1,但如果删除一个图像,插入另一个之后......我将有3个,而不是两(应该是2,因为其中一人已被人后来删除一个删除)。问题是,FORMDATA总是存储的一切。

有没有办法来明确formadata每当文件插入?

示例 - Stackblitz

  <input type="file" id="files" (change)="Add($event)">

  formData1 = new FormData();

 Add(event) {
    var anex = event.target.files;

    for (let index = 0; index < anex.length; index++) {
          this.formData1.append('file', anex[index]);
        }  

        this.sendfiles()
  }

  sendfiles(){
    console.log("Clear formdata();")
    console.log(this.formData1)
  }
伯克OZTURK:

添加新的文件之前,您应该清除FORMDATA作为一个新的实例。

 Add(event) {
    var anex = event.target.files;
    // Clear form data before appending new ones
    this.formData1 = new FormData();

    for (let index = 0; index < anex.length; index++) {
          this.formData1.append('file', anex[index]);
        }  

        this.sendfiles()
  }

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

来自分类Javascript

反应-表单提交后清除输入值

来自分类Dev

在Angular 2中提交后如何清除表格?

来自分类Dev

提交后清除表格数据

来自分类Dev

提交AJAX后如何清除表格

来自分类Dev

提交后的django清除表单字段

来自分类Dev

提交angularjs后清除表格

来自分类Dev

提交后清除reactJs文本区域

来自分类Dev

提交后清除有效表格

来自分类Dev

提交后清除Redux-Form字段

来自分类Dev

如何使用JavaScript清除/重置formData()?

来自分类Dev

提交后angularjs清除输入字段

来自分类Dev

提交角度数据后如何清除输入字段?

来自分类Dev

用React提交后清除输入字段

来自分类Dev

提交表单后,清除选定的项目

来自分类Dev

提交后在React中清除表单

来自分类Dev

表单提交反应后清除单选按钮

来自分类Dev

关闭或提交后如何丢弃或清除MatDailog数据

来自分类Dev

提交后清除表格

来自分类Dev

使用Typehead提交后清除输入数据

来自分类Dev

提交后如何仅从表单中清除特定字段?

来自分类Dev

提交后禁用表格清除TextFormField

来自分类Dev

我如何使TextInput在React Native中提交后清除

来自分类Dev

提交表格后如何清除验证错误

来自分类Dev

提交后React Hooks清除输入

来自分类Dev

提交React表单后,如何清除Bootstrap 4错误?

来自分类Dev

在reactjs中提交后,antd清除表单

来自分类Dev

提交后如何清除表格

来自分类Dev

提交表单后清除确认消息

来自分类Dev

提交后反应清除表单字段

TOP 榜单

热门标签

归档