zoukankan      html  css  js  c++  java
  • 前台JS(type=‘file’)读取本地文件的内容,兼容各种浏览器

    前台JS读取本地文件内容,兼容IE7、8、9、10 FF Chrome等各种版本,纠结了好长时间,终于找到方法,希望能帮到你,代码如下。直接复制保存为html运行看效果。

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8" />
    <script>
    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'); 
    	} 
    }
    </script>
    <title>file upload</title>
    </head>
    <body>
    	<input type="file" onchange="upload(this)" />
    </body>
    </html>

    参考如下:

    http://blog.csdn.net/lejuo/article/details/11528243 

  • 相关阅读:
    springMVC:HandlerInterceptor拦截器的使用
    SpringMVC:JSON形式输出(基于Fastjson)
    Callable接口解析
    FastJson一些常见方法(API):处理JSON变得好简单
    Spring@Autowired注解
    一些错误和解决办法--01
    线程池的原理及实现
    Rotate Image(二位数组顺时针旋转)
    JAVA内部类
    jdk9模块化--特性
  • 原文地址:https://www.cnblogs.com/xiaoleiel/p/8308615.html
Copyright © 2011-2022 走看看