Skip to content

[js] 第68天 formData主要是用来做什么的?它的操作方法有哪些? #492

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

第68天 formData主要是用来做什么的?它的操作方法有哪些?

Activity

monxiaolee

monxiaolee commented on Jun 29, 2019

@monxiaolee

1、将form表单元素的name与value进行组合
2、异步上传表单

Vi-jay

Vi-jay commented on Jul 31, 2019

@Vi-jay

用于后端参数处理为multipart/form-data的情况下 ,现在通常用于上传文件

censek

censek commented on Dec 16, 2019

@censek

利用 FormData 对象,可以通过 JavaScript 键值对来模拟一系列表单控件,还可以使用 XMLHttpRequest的 send() 方法来异步提交表单。

Alex-Li2018

Alex-Li2018 commented on Sep 1, 2020

@Alex-Li2018

可以利用formData来上传表单,或者提交上传的文件

document.getElementById('fileBtn').onchange = function () {

        //这是传入的内容是空
        var fm = new FormData();
        //给fm对象添加文件内容
        fm.append('icon',this.files[0]);

        //发送ajax请求
        var xhr = new XMLHttpRequest();
        //设置请求行
        xhr.open('post','getUrl.php');
        //发送数据
        xhr.send(fm);
        //监听事件完成
        xhr.onreadystatechange = function(){
            if(xhr.readyState == 4 && xhr.status == 200) {
                
                // console.log(xhr.responseText);
  document.querySelector('.imgShow').style.background = "url("+ xhr.responseText +") no-repeat center/cover";
            }
        }
    }
smile-2008

smile-2008 commented on Jan 11, 2021

@smile-2008

1、将form表单元素的name与value进行组合
2、异步上传表单

lvpengpeng

lvpengpeng commented on Nov 14, 2021

@lvpengpeng

利用 FormData 对象,可以通过 JavaScript 键值对来模拟一系列表单控件,还可以使用 XMLHttpRequest的 send() 方法来异步提交表单。

xiaoqiangz

xiaoqiangz commented on Jun 16, 2022

@xiaoqiangz

可以利用formData来上传表单,或者提交上传的文件

document.getElementById('fileBtn').onchange = function () {

        //这是传入的内容是空
        var fm = new FormData();
        //给fm对象添加文件内容
        fm.append('icon',this.files[0]);

        //发送ajax请求
        var xhr = new XMLHttpRequest();
        //设置请求行
        xhr.open('post','getUrl.php');
        //发送数据
        xhr.send(fm);
        //监听事件完成
        xhr.onreadystatechange = function(){
            if(xhr.readyState == 4 && xhr.status == 200) {
                
                // console.log(xhr.responseText);
  document.querySelector('.imgShow').style.background = "url("+ xhr.responseText +") no-repeat center/cover";
            }
        }
    }

基本上是用于form表单合上传文件。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    jsJavaScript

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @smile-2008@haizhilin2013@xiaoqiangz@lvpengpeng@Vi-jay

        Issue actions

          [js] 第68天 formData主要是用来做什么的?它的操作方法有哪些? · Issue #492 · haizlin/fe-interview