Javascript怎么读取上传文件内容/类型/字节数
发表于:2024-10-12 作者:千家信息网编辑
千家信息网最后更新 2024年10月12日,本篇内容主要讲解"Javascript怎么读取上传文件内容/类型/字节数",感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习"Javascript怎么读取上传文件
千家信息网最后更新 2024年10月12日Javascript怎么读取上传文件内容/类型/字节数
本篇内容主要讲解"Javascript怎么读取上传文件内容/类型/字节数",感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习"Javascript怎么读取上传文件内容/类型/字节数"吧!
首先来看一下一个上传文件对象的属性:
UI设计(React+Material-ui)
...const styles = theme => ({formControl: { margin: theme.spacing.unit, minWidth: 120, width: '100%', }, leftIcon: { marginRight: theme.spacing.unit, } })...... {this.state.sqlStrErr}
效果图如下:
操作绑定,分别包含前端文件内容读取和文件上传
handleUploadSqlFile = event => { let that = this const selectedFile = event.target.files[0] if(selectedFile.type.includes('text') || selectedFile.type === ''){ let reader = new FileReader();// !important reader.readAsText(selectedFile, "UTF-8");// !important reader.onload = function(evt){// !important let sqlStr = evt.target.result;// !important that.setState({ Err: that.state.Err.filter(c => c !== 'sqlStr'), sqlStr: sqlStr, sqlStrErr: '*Avoid duplicated column fields', }) } }else { let sqlStrErr = 'File format is not supported!' if ((selectedFile.size / 1024 / 1024).toFixed(4) >= 2) {//计算文件大小并且换算成M为单位 sqlStrErr = 'File size exceeds the limitation (2M)!' } this.setState({ Err: [...this.state.Err, 'sqlStr'], sqlStrErr: sqlStrErr }) }}
上边的示例只是单纯的前端文件内容读取,并未涉及文件上传到服务器,接下来是:
import axios from 'axios'...handleUploadSqlFile = event => { const selectedFile = event.target.files[0] if ((selectedFile.size / 1024 / 1024).toFixed(4) >= 10) { this.setState({ sqlStrErr: 'File size exceeds the limitation (10M)!' }) } else { const data = new FormData() data.append('file', selectedFile, selectedFile.name) axios .post('/api/utils/upload_file', data, { onUploadProgress: ProgressEvent => { this.setState({ loaded: (ProgressEvent.loaded / ProgressEvent.total) * 100 - Math.random() * 16,//此值用来展示上传进度,好让用户知道目前的上传状态。 }) }, }) .then(res => { if (res.data.code === -1) { this.setState({ sqlStrErr: res.data.info }) } else { this.setState({ loaded: 100, }) } }) } }
到此,相信大家对"Javascript怎么读取上传文件内容/类型/字节数"有了更深的了解,不妨来实际操作一番吧!这里是网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
文件
内容
字节
类型
前端
学习
实用
更深
接下来
上边
兴趣
单位
只是
大小
实用性
实际
对象
属性
操作简单
效果
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
南昌有名的软件开发公司
齐河软件开发项目管理
中班安全教案网络安全
联想sr860服务器初始密码
开放网络安全知乎
零号任务服务器维护到什么时候
电子商务网络技术硬盘分区
网络安全配置与防护第一阶段
上海水性网络技术哪家好
WPS财务软件开发平台
网络安全知识培训班开班讲话
从数据库读取xml
不为人知的金色之月 网络安全
网络安全意识大学生如何增强
普陀区管理软件开发欢迎咨询
数据库英文括号字段长度
服务器检测软件
asp服务器安全
sql2012数据库
重庆高校党建软件开发
老师和课程的数据库关系
软件开发补充合同协议
数据库大量数据问题
想学网络技术培训项目
山西浪潮服务器维修哪家便宜
信息网络安全知识培训总结
国家网络安全管理中心
派出所网络安全自检自查报告
成都交友软件开发定制
企业网络安全宣传新闻稿