antd-Input

1、输入框输入长度限制

<Input maxLength={} minLength={} />

达到长度的最大值就不能在输入了,不需要任何js

2、Input 上传文件:

上传文件的格式:<Input accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet " />

上传文件的方法:

uploadFile() {

const dbId = this.props.id;

var fileObj = document.getElementById('file').files[0]; // 获取文件对象

var FileController = ''; // 接收上传文件的后台地址

// FormData 对象

var form = new FormData();

form.append('file', fileObj); // 文件对象

// XMLHttpRequest 对象

var xhr = new XMLHttpRequest();

xhr.open('post', FileController, true);

xhr.setRequestHeader("",);

xhr.setRequestHeader("",);

xhr.onload = function () {

};

xhr.send(form);

}

<Input o'n'C

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文详细介绍了 XMLHttpRequest 相关知识,涉及内容: AJAX、XMLHTTP、XMLHttpReq...
    semlinker阅读 14,681评论 2 18
  • Ajax和XMLHttpRequest 我们通常将Ajax等同于XMLHttpRequest,但细究起来它们两个是...
    changxiaonan阅读 6,771评论 0 2
  • H5 meta详解 viewport width:控制 viewport 的大小,可以指定的一个值,如果 600,...
    FConfidence阅读 4,245评论 0 3
  • ajax作为前端开发必需的基础能力之一,你可能会使用它,但并不一定懂得其原理,以及更深入的服务器通信相关的知识。在...
    萧玄辞阅读 4,243评论 0 0
  • 个人博客:https://yeaseonzhang.github.io 花了半个多月的时间,终于又把“JS红宝书”...
    Yeaseon阅读 5,727评论 2 23