分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

前端用js获取本地文件的内容

发布时间:2023-09-06 01:23责任编辑:顾先生关键词:js前端
这里要写成input的形式 调用upload函数 ?传递的参数就表示所选的文件
<input type="file" onchange="upload(this)" /> ?

//前端读取本地文件的内容 ??下面代码中的this.result即为获取到的内容function upload(input) { ?//支持chrome IE10 ?????if (window.FileReader) { ?????????var file = input.files[0]; ?????????filename = file.name.split(".")[0]; ?????????var reader = new FileReader(); ?????????reader.onload = function() { ?????????????console.log(this.result) ?????????????alert(this.result); ?????????} ?????????reader.readAsText(file); ?????} ??????//支持IE 7 8 9 10 ?????else if (typeof window.ActiveXObject != ‘undefined‘){ ?????????var xmlDoc; ??????????xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); ??????????xmlDoc.async = false; ??????????xmlDoc.load(input.value); ??????????alert(xmlDoc.xml); ??????} ??????//支持FF ?????else if (document.implementation && document.implementation.createDocument) { ??????????var xmlDoc; ??????????xmlDoc = document.implementation.createDocument("", "", null); ??????????xmlDoc.async = false; ??????????xmlDoc.load(input.value); ??????????alert(xmlDoc.xml); ?????} else { ??????????alert(‘error‘); ??????} ??} ?

前端用js获取本地文件的内容

原文地址:http://www.cnblogs.com/wujiajia/p/7803397.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved