JS手写

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title></head><body><button onclick="selectFile('xlsx',data)">点击我上传文件</button></body><script>//调用系统文件function selectFile(access, callBack) {const input = document.createElement("input");// type为file文件类型input.type = "file";input.accept = `${access}`;input.click();input.onchange = () => {if (input.files) {const file = input.files[0];callBack(file);}};}const data = (n) => {console.log(n);     };</script>
</html>

打印结果

React上传文件

React就好处理了，我们可以直接把获取的对象直接存储到useState里面

/** 调起系统文件选择器 */
export function selectFile(accept: string, callback: (n) => void) {const input = document.createElement('input')//选择上传文件input.type = 'file'//接受文件类型input.accept = `${accept}`input.click()input.onchange = () => {console.log('inputfiles',input.files);if (input.files) {const file = input.files[0]callback(file)}}
}

 const [importFile, setImportFile] = useState<File>(null)<Button onClick=delectFile('xlsx',setImportFile)>选择文件
</Button>

JS手写上传文件、React手写上传文件相关推荐

HTML5+jSignature插件手写签名生成图片并转换成文件流实现服务器上传功能
简介项目结构:html+vue+springboot html引入VUE项目vue.min.js.jQuery的jquery-3.4.1.min.js,签名:modernizr.js.jSignat ...
手挽手带你学React：四档（上）一步一步学会react-redux （自己写个Redux）
手挽手带你学React入门四档,用人话教你react-redux,理解redux架构,以及运用在react中.学完这一章,你就可以开始自己的react项目了. 之前在思否看到过某个大神的redux搭建 ...
lzma打包exe_【原创】手写PE文件，打造史上最小LZMA解压DLL
因程序需求,需要在VB中调用LZMA解压数据,经过N天研究出此成果- 什么是LZMA:LZMA应该是目前世界上数一数二的压缩算法--压缩时相同的时间得到压缩比最高,解压时速度极快且几乎不占内存.如果你 ...
flutter手写画板,保存存成图片并上传到后台服务器
1.只是一个dome,供借鉴使用,待优化图例: 2. 这个手写画板借鉴了很多的github上面的内容,基本就是用github上的内容拼凑出来的,随后我会把github上相关的链接写上去 3. 全部代 ...
原生js已载入就执行函数_手写CommonJS 中的 require函数
前言来自于圣松大佬的文章<手写CommonJS 中的 require函数> 什么是 CommonJS ? node.js 的应用采用的commonjs模块规范. 每一个文件就是一个模块, ...
文件上传java前端怎么写_Javaweb文件上传的前端和后端
上传文件的分类: 无论什么方式上传文件,都要用post提交方式一: 前端:表单方式上传文件后端: 使用上传技术是apache中的Commons-fileupload.jar commons-io. ...
4种方法！怎么把电脑上的音频传到苹果手机上？
案例分享我新买了iphone13,想把macbook上下载的音乐传输一份到手机上,怎么把电脑上的音频传到苹果手机上?能否通过网络实现将电脑音乐传输到手机播放?" 很多果粉在刚拿到心爱的苹果 ...
如何将电脑上的音乐传到苹果手机上？电脑音乐导入苹果手机
如何将电脑上的音乐传到苹果手机上?您想将音乐从电脑快速传输到苹果手机里面,那就不要错过易我手机数据传输,专业可靠iOS数据传输工具.有了它,您可以以更简单的方式将电脑上的音乐传输到iOS设备,只需要短 ...
vue——js实现图片/文件的拖拽上传（复制粘贴就能用，还有优化空间）
首先先创建元素容器 <template><div id="drop"><span v-show="isUpload" class= ...

JS手写上传文件、React手写上传文件

JS手写

React上传文件

JS手写上传文件、React手写上传文件相关推荐

最新文章

热门文章