zoukankan      html  css  js  c++  java
  • JavaScript读取本地文件

    前端使用input

    //不要用<input></input>,会报错,直接用<input />
      const filesInput = useRef(null) as React.RefObject<HTMLInputElement>;//用useRef
      const acceptType = ".txt";
    
      <DefaultButton
        onClick={() => filesInput.current.click()}
        className="browse-files-button"
      >
        Browse files...
        <input type="file" onChange={readFile} ref={filesInput} accept={acceptType} />
      </DefaultButton>
    

    函数:

        readFile(e: any) {
            const reader = new FileReader();
            let input = e.target.files[0];//文件
            reader.readAsText(input);//text读取,函数使用取决于文件类型
            reader.onload = function (e: any) {
                let text = e.target.result;//文件内容
                let arr = (text as string).split("
    ");//切分
                let newArr = arr.filter(i => i && i.trim())//删除空行,空格等
                let item = {
                    uid: uuidv1(),
                    name: input.name,
                    text: newArr
                }
                let list = this.state.fileList;
                list.push(item);
                this.setState({ fileList: list });
            }.bind(this);//后面bind,如果是类里的func需要,如果是func里的就不需要,看set报不报错
        }
    
  • 相关阅读:
    获取 checkbox 的选中个数(转)
    jsp+UEditor粘贴word
    php+UEditor粘贴word
    asp.net+ueditor word粘贴上传
    php+ueditor word粘贴上传
    java+ueditor word粘贴上传
    word发布博客
    在线富文本编辑器
    文件上传管理系统
    .net 文件夹上传
  • 原文地址:https://www.cnblogs.com/xym4869/p/13367887.html
Copyright © 2011-2022 走看看