读取文件文件在网页上展示并逐条更新

た入场券 2022-04-11 12:48 239阅读 0赞

1.首先读取本地文件

<a src="script;" onClick="downtemplate();">下载文件模板</a>
    	<input type="file" id="upfile" />

2.文件格式哪下：

\#每一列为二维码,每二列为快递单号,第三列为快递公司名称  
5666161661565,4558755,天天快递  
5666161661565,4558755,韵达快递  
5666161661565,4558755,顺丰快递

3.从文本文件中读取值,并判定是不是CVS文件和文件格式是否正确

function fileSelect3(e) {
        e = e || window.event;
    
        var files = this.files;
        $('div[name="updateGridId"] tbody tr').remove();
        for(var i = 0, f; f = files[i]; i++) {
        	console.log(f);
        	var fname = f.name.split('.');
        	var exname = fname[fname.length-1];
        	if(exname!='cvs'){
        		layer.msg('文件格式不正确',function(){return false;});
        		return false;
        	}
            var reader = new FileReader();
            reader.onload = (function(file) {
                return function(e) {
                    var div = document.createElement('div');
                    div.className = "text"
                    var temp = this.result.split(/([\n])/g);             
                    var count=0;
                    for(var ii =0;ii<temp.length;ii++){
                    	if(temp[ii].length<2 ||temp[ii] =="" || temp[ii]==" " ){
                    		/*if(ii>5){
                    			layer.msg('文件格式不正确',function(){return false;});
                    			return false;
                    		}*/
                            continue;
                         }
                    	if(ii==0 && temp[ii].indexOf('#') >-1){
                			continue;
                		}
                    	if((ii<3) && temp[ii].split(',').length!=3){
                    		if(temp[ii].split(',').length!=3){                			
                    			layer.msg('文件格式不正确',function(){return false;});
                    			return false;
                    		}
                    	}
                    	 if(temp[ii].length<2 ||temp[ii] =="" || temp[ii]==" " ){
                            continue;
                         }
                    	 count=count+1;
                    	var str=temp[ii].split(',');
                      	 var d ={};
                           d.id=count;                
                           d.qr= str[0];
                           d.exno= str[1];
                           d.exname= str[2];
                           d.act='';
                           var html = template('updaterow', d);
                           $('#updateGridId tbody').append(html);
                   }                
                    layer.open({
                		type : 1,
                		title : "批量填入快递单号",
                		area : [ '755px', '400px' ], 
                		shadeClose : true,
                		shade : 0.5,
                		skin : 'layui-layer-rim', // 加上边框
                		content :$('div[name="updateGridId"]').html(),
                		success: function(layero, index){
                			 $('div[name="updateGridId"] tbody').html('');
                		  }
                	});
                    
                }               
            })(f);
            //读取文件内容
            reader.readAsText(f);
            
        };
    }
    document.getElementById('upfile').addEventListener('change', fileSelect3, false);

4.更新值

function updateExpressNo(){
    	var trs = $('#updateGridId tbody tr');
    	trs.each(function(i,e){
    		var qr = $(e).find('td[name="qr"]').text().trim();
    		var exno = $(e).find('td[name="exno"]').text().trim();
    		var exname = $(e).find('td[name="exname"]').text().trim();
    		var $act = $(e).find('a[name="act"]');
    		sendgoods(qr,exno,exname,$act);	
    	});	
    }
    
    function sendgoods(code,expressno,expresscompany,obj){
    	var data={expressno:expressno,expresscompany:expresscompany,code:code};
    	$.ajax({
    		url:base + "/template/marketing/sendGoodsSaveByCode.jhtml",
    		async:false,
    		dataType:'json',
    		data:data,
    		type:'POST',
    		success:function(data){
    			if(data.success){
    				obj.removeClass('operating-comment').addClass('operating-check');		
    			}else{
    				obj.removeClass('operating-comment').addClass('operating-trash');	
    			}
    		}
    	});
    	
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，239人围观）

还没有评论，来说两句吧...

相关阅读

相关 vuejs上传文件并读取文件同步更新（在$nextTick(()里面操作更新dom才能实时刷新）

遇到的问题：在给 voiceContent赋值的时候。this指向不对，所以在之前用_this保存this的值，在$nextTick(()里面操作更新dom

╰半橙微兮°/ 2022年12月31日 08:25/ 0 赞/ 147 阅读

相关 C# 读取网络txt文件并写在本地txt文件中

public void WriteStream() { try {

悠悠/ 2022年09月17日 01:51/ 0 赞/ 188 阅读

相关读取pdf文件在页面上展示(不需要插件)

有时候需要读取硬盘上的PDF文件，然后展示在页面上。发现在网上聊的都是通过插件去读取pdf文件的内容，没有聊到在页面展示的问题。下面列举一下：一、读取文件代码pdfVi

小鱼儿/ 2022年08月10日 00:51/ 0 赞/ 213 阅读

相关 Java通过URL读取网页数据并保存到本地文件

import java.io.; import java.net.MalformedURLException; import java.net.URL;

╰半夏微凉°/ 2022年05月23日 03:15/ 0 赞/ 314 阅读

相关读取文件文件在网页上展示并逐条更新

1.首先读取本地文件 <a src="script;" onClick="downtemplate();">下载文件模板</a> <input type="

た入场券/ 2022年04月11日 12:48/ 0 赞/ 240 阅读

相关读取网络文件，在上传到其它文件服务器

d读取网络文件 eg:[http://www.gov.cn/zhengce/pdfFile/2019\_PDF.pdf][http_www.gov.cn_zhengce_pdf

男娘i/ 2022年01月22日 14:07/ 0 赞/ 198 阅读

相关 Buffer读取文件的内容并打印在控制台上

package com.test1; import java.io.BufferedReader; import java.io.Buffer

矫情吗；*/ 2021年12月14日 19:41/ 0 赞/ 419 阅读

相关大小文件读取并分页展示

1.读取小文件,并进行分页　　商品|价格　　飞机|1000 　　大炮|2000 　　迫击炮|1000 　　手枪|123

秒速五厘米/ 2021年12月12日 01:55/ 0 赞/ 303 阅读

相关 JS在网页生成文件并下载

通过创建a标签，设置Blob对象下载，filename为文件名，content为文件内容 function downloadFileHelper(fileName,

浅浅的花香味﹌/ 2021年11月26日 14:40/ 0 赞/ 305 阅读

相关上传读取Excel文件内容并入库

需求：读取前端上传的Excel，将数据入库，本工具类仅读取文件内容，不涉及到入库。当然，既然已经拿到了数据，那入库轻而易举。 package com.xx.utils

淡淡的烟草味﹌/ 2021年09月23日 11:00/ 0 赞/ 487 阅读