Development daily summary (11): file upload function improvement: Chinese character detection and text content processing

2018 year 4 month 14 Japan

blog From the solution of a background management demand , Here is a summary and sharing .

【1】 Business scenario

We often see various advertisements or activities pushed by games in mobile games （ Change ways to recharge players ..）, And this kind of advertising is decided by the backstage , Sometimes the simple thing is ： Click on the picture of the advertisement , Then jump to a certain scene ; You can also push files , Players click on the relevant content links , To achieve the purpose of promotion ; These are all very easy to solve from the technical level , Use picture server （ Usually Alibaba cloud or Tencent cloud , Huawei cloud is also desperately expanding the market ）, Upload pictures to the server in the background , Just bind the two together .

【2】 Demand based , There is a solution , That's easy .

2.1 File upload page

1）input Control add file

Log in and copy

      
      

       
       <
       
       div 
       
       class
       
       =
       
       "col-sm-2"
       
       >
       
       
            
       
       <
       
       input 
       
       id
       
       =
       
       "upLoadFile" 
       
       type
       
       =
       
       "file"  
       
       class
       
       =
       
       "form-control" 
       
       οnchange
       
       =
       
       "jsReadFiles(this.files)"
       
       /
       
       >
       
       
           
       
       <
       
       /div>
      
      
      
      

       
       
1.
       
       
2.
       
       
3.
      
      

2）js Upload file data stream

Log in and copy

      
      

       
       //js  Read the file 
       
       
        
       
       function 
       
       jsReadFiles(
       
       files) {
       
       
            
       
       if (
       
       files.
       
       length) {
       
       
                
       
       var 
       
       file 
       
       = 
       
       files[
       
       0];
       
       
                
       
       var 
       
       upFileName 
       
       = 
       
       $(
       
       "#upLoadFile").
       
       val();
       
       
                
       
       var 
       
       index1
       
       =
       
       upFileName.
       
       lastIndexOf(
       
       ".");
       
       
                
       
       var 
       
       index2
       
       =
       
       upFileName.
       
       length;
       
       
                
       
       var 
       
       suffix
       
       =
       
       upFileName.
       
       substring(
       
       index1
       
       +
       
       1,
       
       index2);
       
       // Suffix name 
       
       
                
       
       var 
       
       reader 
       
       = 
       
       new 
       
       FileReader();
       
       //new One FileReader example 
       
       
                    
       
       fileType 
       
       = 
       
       suffix;
       
       
                
       
       if (
       
       /text+/.
       
       test(
       
       file.
       
       type)) {
       
       // Determine file type , Is it right? text type 
       
       
                    
       
       reader.
       
       readAsText(
       
       file,
       
       'gb2312');
       
       
                    
       
       reader.
       
       onload 
       
       = 
       
       function(
       
       e) {
       
       
                        
       
       roleList 
       
       = 
       
       e.
       
       target.
       
       result;
       
       
                        
       
       //var strFileName=file.replace(/^.+?\\([^\\]+?)(\.[^\.\\]*?)?$/gi,"$1"); // Regular expression to get the file name , Without the suffix 
       
       
                        
       
       basic.
       
       alert(
       
       " Add success , The file name is : "
       
       +
       
       file.
       
       name
       
       +
       
       " !");
       
       
                    }
       
       
                }
       
       else{
       
       
                      
       
       basic.
       
       alert(
       
       " File format error , Please upload again ！");
       
       
                    
       
       $(
       
       "#upLoadFile").
       
       val(
       
       null);
       
       
                }
       
       
            }
      
      
      
      

       
       
1.
       
       
2.
       
       
3.
       
       
4.
       
       
5.
       
       
6.
       
       
7.
       
       
8.
       
       
9.
       
       
10.
       
       
11.
       
       
12.
       
       
13.
       
       
14.
       
       
15.
       
       
16.
       
       
17.
       
       
18.
       
       
19.
       
       
20.
       
       
21.
       
       
22.
      
      

2.2 Background detection data flow

Log in and copy

      
      

       
       // Chinese characters used in regular expressions 
       
       
  
       
       static 
       
       String 
       
       exp
       
       =
       
       "^[\u4E00-\u9FA5|\\！|\\,|\\.|\\.|\\（|\\）|\\《|\\》|\\“|\\”|\\？|\\：|\\;|\\【|\\】]$";
      
      
      
      

       
       
1.
       
       
2.
      
      

Log in and copy

      
      

       
       /**
       
       
     
       
       *@ Tool method - Chinese character and punctuation detection 
       
       
     
       
       * */
       
       
  
       
       public 
       
       static 
       
       boolean 
       
       isContainChinese(
       
       String 
       
       str){
       
       
    
       
       Pattern 
       
       p 
       
       = 
       
       Pattern.
       
       compile(
       
       exp);
       
       
      
       
       for (
       
       int 
       
       i 
       
       = 
       
       0; 
       
       i 
       
       < 
       
       str.
       
       length(); 
       
       i
       
       ++) {
       
       //  Traversing every character in a string  
       
       
         
       
       char 
       
       c 
       
       = 
       
       str.
       
       charAt(
       
       i);  
       
       
         
       
       Matcher 
       
       matcher
       
       =
       
       p.
       
       matcher(
       
       c 
       
       + 
       
       "");  
       
       
         
       
       if(
       
       matcher.
       
       matches()) {  
       
       
           
       
       return 
       
       true;
       
       
         }  
       
       
      }
       
       
      
       
       return 
       
       false;
       
       
  }
      
      
      
      

       
       
1.
       
       
2.
       
       
3.
       
       
4.
       
       
5.
       
       
6.
       
       
7.
       
       
8.
       
       
9.
       
       
10.
       
       
11.
       
       
12.
       
       
13.
       
       
14.
      
      

above , Chinese characters of data stream can be detected , Include punctuation .