• tdesign的文件上传（微信小程序+idea的springboot）

    目录

    1. springboot后端

    1.1 FileController.java

     1.2 listener文件的ErpApplicationListener.java

    1.3  【重点！】FileServiceImpl层

     1.4 IFileService

    1.5 StringUtil通用类

     1.6 主程序加一个监听器

     1.7 oss是什么和怎么创建（application.yml文件）

    2. 微信小程序端

    2.1 TDesign的upload组件

    1. app.json全局引用一下

    2. wxml

    3. js

    1. springboot后端

    具体框架如下所示：

    接下来依次也是Controller层、listener层、service层、util层代码 

    1.1 FileController.java

     如上图可以看到，微信小程序的请求url要传来一个type值，

    controller全部代码如下，直接复制粘贴就行：

    1. package com.huashang.controller;
    2.  
    3. import com.huashang.common.BaseController;
    4. import com.huashang.service.IFileService;
    5. import org.springframework.web.bind.annotation.*;
    6.  
    7. import javax.annotation.Resource;
    8. import javax.servlet.http.HttpServletRequest;
    9. import javax.servlet.http.HttpServletResponse;
    10. import java.io.InputStream;
    11. import java.io.OutputStream;
    12. import java.math.BigDecimal;
    13. import java.net.URL;
    14. import java.net.URLConnection;
    15. import java.net.URLEncoder;
    16.  
    17. @RestController
    18. public class FileController extends BaseController {
    19.  
    20. 	@Resource
    21. 	private IFileService fileService;
    22.  
    23. 	@RequestMapping(value = "/files/{type}", method = RequestMethod.POST)
    24. 	public String uploadFile(@PathVariable String type ,HttpServletRequest request) throws Exception {
    25. 		return fileService.uploadFiles(request, type);
    26. 	}
    27.  
    28. }

     1.2 listener文件的ErpApplicationListener.java

    你的主程序添加监听器

    ErpApplicationListener代码如下：

    实现了

    ApplicationListener接口

    重写了

    onApplicationEvent方法

    1. package com.huashang.listener;
    2.  
    3. import com.huashang.service.IFileService;
    4. import org.springframework.context.ApplicationListener;
    5. import org.springframework.context.event.ContextRefreshedEvent;
    6.  
    7. public class ErpApplicationListener implements ApplicationListener {
    8.  
    9.     @Override
    10.     public void onApplicationEvent(ContextRefreshedEvent contextRefreshedEvent) {
    11.  
    12.         IFileService fileService = contextRefreshedEvent.getApplicationContext().getBean(IFileService.class);
    13.         fileService.initClient();
    14.  
    15.     }
    16. }

    获取getBean的的IFileService.class

    主要就是监听该类的调用

    1.3  【重点！】FileServiceImpl层

    FileServiceImpl是IFileService的实现类，先看实现类，接口放最后了

    以下代码不要直接复制粘贴到serviceImpl层，是原始代码，需要修改并添加一个引用才能使用

    1. package com.huashang.serviceImpl;
    2.  
    3. import java.io.FileInputStream;
    4. import java.io.FileNotFoundException;
    5. import java.io.IOException;
    6. import java.time.LocalDate;
    7. import java.util.Arrays;
    8. import java.util.Date;
    9. import java.util.List;
    10. import java.util.Objects;
    11. import java.util.Set;
    12.  
    13. import javax.servlet.http.HttpServletRequest;
    14.  
    15. import org.slf4j.Logger;
    16. import org.slf4j.LoggerFactory;
    17. import org.springframework.beans.factory.annotation.Autowired;
    18. import org.springframework.stereotype.Service;
    19. import org.springframework.transaction.annotation.Transactional;
    20. import org.springframework.util.MultiValueMap;
    21. import org.springframework.web.multipart.MultipartFile;
    22. import org.springframework.web.multipart.MultipartHttpServletRequest;
    23.  
    24. import com.aliyun.oss.ClientException;
    25. import com.aliyun.oss.OSSClient;
    26. import com.aliyun.oss.OSSException;
    27. import com.huashang.common.Constants;
    28. import com.huashang.model.Alioss;
    29. import com.huashang.service.IFileService;
    30.  
    31. import cn.hutool.core.date.DateUtil;
    32.  
    33. @Service
    34. public class FileServiceImpl implements IFileService {
    35.  
    36.     private Alioss alioss;
    37.     private final static List FILE_TYPE = Arrays.asList("product", "biz", "color", "qa", "mes_qa", "oa", "model");
    38.  
    39.     @Autowired
    40.     public void setAlioss(Alioss alioss) {
    41.         this.alioss = alioss;
    42.     }
    43.  
    44.     public static OSSClient ossClient;
    45.  
    46.     private final static Logger logger = LoggerFactory.getLogger(FileServiceImpl.class);
    47.  
    48.     @Override
    49.     public void initClient() {
    50.         // 实例化客户端
    51.         logger.info("**************************初始化阿里云文件上传服务服务端--START****************************");
    52.         ossClient = new OSSClient(alioss.getEndpoint(), alioss.getAccessKeyId(), alioss.getAcceddKeySecret());
    53.         logger.info("**************************初始化阿里云文件上传服务服务端--END****************************");
    54.     }
    55.  
    56.     @Transactional
    57.     @Override
    58.     public String uploadFiles(HttpServletRequest request, String type) throws IOException {
    59.         String picUrl = "";
    60.         if (request instanceof MultipartHttpServletRequest) {
    61.             MultiValueMap multiMap = ((MultipartHttpServletRequest) request).getMultiFileMap();
    62.             Set keys = multiMap.keySet();
    63.             for (String key : keys) {
    64.                 List mutiFiles = multiMap.get(key);
    65.                 for (int i = 0; i < mutiFiles.size(); i++) {
    66.                     if (!FILE_TYPE.contains(type)) {
    67.                         return "可以上传的文件类型:" + FILE_TYPE.toString();
    68.                     }
    69.                     MultipartFile file = mutiFiles.get(i);
    70.                     String originalFilename = this.getFileOldName(file);
    71.                     LocalDate now = LocalDate.now();
    72.                     String dir = type + "/" + now.getYear() + "/" + now.getMonthValue() + "/" + now.getDayOfMonth() + "/";
    73.                     String path = dir + originalFilename;
    74.                     try {
    75.                         ossClient.putObject(alioss.getBucketName(), path, mutiFiles.get(i).getInputStream());
    76.                     } catch (OSSException | ClientException | IOException e) {
    77.                         e.printStackTrace();
    78.                     }
    79.                     if (mutiFiles.size() - i == 1) {
    80.                         picUrl += "https://" + alioss.getUrl() + "/" + path;
    81.                     } else {
    82.                         picUrl += "https://" + alioss.getUrl() + "/" + path + ",";
    83.                     }
    84.  
    85.                 }
    86.             }
    87.         }
    88.         return picUrl;
    89.     }
    90.  
    91.     @Override
    92.     public String uploadTmpFile(String filePath, String fileName) throws FileNotFoundException {
    93.  
    94.         StringBuilder dirBuilder = new StringBuilder("tmp/");
    95.         dirBuilder.append(DateUtil.format(new Date(), Constants.DATE_yyyyMMdd)).append("/");
    96.  
    97.         StringBuilder fileLinkBuilder = new StringBuilder();
    98.         fileLinkBuilder.append("https://").append(alioss.getUrl()).append("/").append(dirBuilder.toString()).append(fileName);
    99.         ossClient.putObject(alioss.getBucketName(), dirBuilder.toString() + fileName, new FileInputStream(filePath + fileName));
    100.         return fileLinkBuilder.toString();
    101.     }
    102.  
    103.     private String getFileOldName(MultipartFile file) {
    104.         return Objects.requireNonNull(file.getOriginalFilename()).replaceAll("[^a-zA-Z0-9.]", "^_^");
    105.     }
    106. }

    接下来教大家怎么修改文件

     看不清楚没关系，如下图片是你唯一需要修改的地方

    以下代码直接复制粘贴到FileServiceImpl

    1. package com.huashang.serviceImpl;
    2.  
    3. import java.io.FileInputStream;
    4. import java.io.FileNotFoundException;
    5. import java.io.IOException;
    6. import java.time.LocalDate;
    7. import java.util.Arrays;
    8. import java.util.Date;
    9. import java.util.List;
    10. import java.util.Objects;
    11. import java.util.Set;
    12.  
    13. import javax.servlet.http.HttpServletRequest;
    14.  
    15. import com.huashang.util.StringUtil;
    16. import org.slf4j.Logger;
    17. import org.slf4j.LoggerFactory;
    18. import org.springframework.beans.factory.annotation.Autowired;
    19. import org.springframework.stereotype.Service;
    20. import org.springframework.transaction.annotation.Transactional;
    21. import org.springframework.util.MultiValueMap;
    22. import org.springframework.web.multipart.MultipartFile;
    23. import org.springframework.web.multipart.MultipartHttpServletRequest;
    24.  
    25. import com.aliyun.oss.ClientException;
    26. import com.aliyun.oss.OSSClient;
    27. import com.aliyun.oss.OSSException;
    28. import com.huashang.common.Constants;
    29. import com.huashang.model.Alioss;
    30. import com.huashang.service.IFileService;
    31.  
    32. import cn.hutool.core.date.DateUtil;
    33.  
    34. @Service
    35. public class FileServiceImpl implements IFileService {
    36.  
    37.     private Alioss alioss;
    38.     private final static List FILE_TYPE = Arrays.asList("product", "biz", "color", "qa", "mes_qa", "oa", "model");
    39.  
    40.     @Autowired
    41.     public void setAlioss(Alioss alioss) {
    42.         this.alioss = alioss;
    43.     }
    44.  
    45.     public static OSSClient ossClient;
    46.  
    47.     private final static Logger logger = LoggerFactory.getLogger(FileServiceImpl.class);
    48.  
    49.     @Override
    50.     public void initClient() {
    51.         // 实例化客户端
    52.         logger.info("**************************初始化阿里云文件上传服务服务端--START****************************");
    53.         ossClient = new OSSClient(alioss.getEndpoint(), alioss.getAccessKeyId(), alioss.getAcceddKeySecret());
    54.         logger.info("**************************初始化阿里云文件上传服务服务端--END****************************");
    55.     }
    56.  
    57.     @Transactional
    58.     @Override
    59.     public String uploadFiles(HttpServletRequest request, String type) throws IOException {
    60.         if(StringUtil.stringBlank(type)){
    61.             throw new RuntimeException("type must not be empty");
    62.         }
    63.  
    64.         if(!Arrays.asList("user", "house", "project").contains(type)){
    65.             throw new RuntimeException("type is not supported");
    66.         }
    67.         StringBuilder picUrl = new StringBuilder();
    68.         if (request instanceof MultipartHttpServletRequest) {
    69.             MultiValueMap multiMap = ((MultipartHttpServletRequest) request).getMultiFileMap();
    70.             Set keys = multiMap.keySet();
    71.             for (String key : keys) {
    72.                 List mutiFiles = multiMap.get(key);
    73.                 for (int i = 0; i < mutiFiles.size(); i++) {
    74.                     String fileOldName = StringUtil.getFileOldName(mutiFiles.get(i));
    75.                     String fileName = StringUtil.randomString(20) + fileOldName;
    76.                     String dir = type + "/" + DateUtil.format(new Date(), "yyMMddHH") + "/";
    77.                     String path = dir + fileName;
    78.                     try {
    79.                         ossClient.putObject(alioss.getBucketName(), path, mutiFiles.get(i).getInputStream());
    80.                     } catch (OSSException | ClientException | IOException e) {
    81.                         e.printStackTrace();
    82.                     }
    83.                     if (mutiFiles.size() - i == 1) {
    84.                         picUrl.append("https://").append(alioss.getUrl()).append("/").append(path);
    85.                     } else {
    86.                         picUrl.append("https://").append(alioss.getUrl()).append("/").append(path).append(",");
    87.                     }
    88.                 }
    89.             }
    90.         }
    91.         return picUrl.toString();
    92.     }
    93.  
    94.     @Override
    95.     public String uploadTmpFile(String filePath, String fileName) throws FileNotFoundException {
    96.  
    97.         StringBuilder dirBuilder = new StringBuilder("tmp/");
    98.         dirBuilder.append(DateUtil.format(new Date(), Constants.DATE_yyyyMMdd)).append("/");
    99.  
    100.         StringBuilder fileLinkBuilder = new StringBuilder();
    101.         fileLinkBuilder.append("https://").append(alioss.getUrl()).append("/").append(dirBuilder.toString()).append(fileName);
    102.         ossClient.putObject(alioss.getBucketName(), dirBuilder.toString() + fileName, new FileInputStream(filePath + fileName));
    103.         return fileLinkBuilder.toString();
    104.     }
    105.  
    106. }

     1.4 IFileService

    1. package com.huashang.service;
    2.  
    3. import java.io.FileNotFoundException;
    4. import java.io.IOException;
    5.  
    6. import javax.servlet.http.HttpServletRequest;
    7.  
    8. public interface IFileService {
    9.     void initClient();
    10.  
    11.     String uploadFiles(HttpServletRequest request, String type) throws IOException;
    12.  
    13.     String uploadTmpFile(String filePath, String fileName) throws FileNotFoundException;
    14. }

    1.5 StringUtil通用类

    都是定义好的，复制粘贴就行

    1. package com.huashang.util;
    2.  
    3. import java.math.BigDecimal;
    4. import java.nio.charset.StandardCharsets;
    5. import java.util.ArrayList;
    6. import java.util.Arrays;
    7. import java.util.List;
    8. import java.util.Random;
    9. import java.util.regex.Matcher;
    10. import java.util.regex.Pattern;
    11.  
    12. import org.springframework.stereotype.Component;
    13. import org.springframework.web.multipart.MultipartFile;
    14.  
    15. @Component("stringUtil")
    16. public class StringUtil {
    17.  
    18.     private static final String ALL_CHARS = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
    19.  
    20.     private static final String ALL_NUMBERS = "0123456789";
    21.  
    22.     /**
    23.      * 将换行处理为空
    24.      *
    25.      */
    26.     public static String n2Null(String myString) {
    27.         if (myString == null) {
    28.             return myString;
    29.         }
    30.         String newString = null;
    31.         Pattern CRLF = Pattern.compile("(\r\n|\r|\n|\n\r)");
    32.         Matcher m = CRLF.matcher(myString);
    33.         if (m.find()) {
    34.             newString = m.replaceAll(" ");
    35.         } else {
    36.             newString = myString;
    37.         }
    38.         return newString;
    39.     }
    40.  
    41.     public static String randomString(int length) {
    42.         StringBuffer sb = new StringBuffer();
    43.         Random random = new Random();
    44.         for (int i = 0; i < length; i++) {
    45.             sb.append(ALL_CHARS.charAt(random.nextInt(ALL_CHARS.length())));
    46.         }
    47.         return sb.toString();
    48.     }
    49.  
    50.     public static String randomNumber(int length) {
    51.         StringBuffer sb = new StringBuffer();
    52.         Random random = new Random();
    53.         for (int i = 0; i < length; i++) {
    54.             sb.append(ALL_NUMBERS.charAt(random.nextInt(ALL_NUMBERS.length())));
    55.         }
    56.         return sb.toString();
    57.     }
    58.  
    59.     public static boolean stringBlank(String str) {
    60.         return str == null || "".equals(str.trim());
    61.     }
    62.  
    63.     public static String getFileOldName(MultipartFile file) {
    64.         return file.getOriginalFilename().replaceAll("[^a-zA-Z0-9.]", "^_^");
    65.     }
    66.  
    67.     public static String humb2UnderLine(String s) {
    68.         if (s == null) {
    69.             return null;
    70.         }
    71.  
    72.         StringBuilder sb = new StringBuilder();
    73.         boolean upperCase = false;
    74.         for (int i = 0; i < s.length(); i++) {
    75.             char c = s.charAt(i);
    76.             boolean nextUpperCase = true;
    77.  
    78.             if (i < (s.length() - 1)) {
    79.                 nextUpperCase = Character.isUpperCase(s.charAt(i + 1));
    80.             }
    81.  
    82.             if (Character.isUpperCase(c)) {
    83.                 if (!upperCase || !nextUpperCase) {
    84.                     if (i > 0) {
    85.                         sb.append("_");
    86.                     }
    87.                 }
    88.                 upperCase = true;
    89.             } else {
    90.                 upperCase = false;
    91.             }
    92.  
    93.             sb.append(Character.toLowerCase(c));
    94.         }
    95.         return sb.toString();
    96.     }
    97.  
    98.  
    99.     public static String firstImage(String images) {
    100.         List ia = imageArray(images);
    101.         return ia.isEmpty() ? null : ia.get(0);
    102.     }
    103.  
    104.     public static List imageArray(String images) {
    105.         List is = new ArrayList<>();
    106.         for (String i : split(images, ";")) {
    107.             if (!"".equals(i.trim())) {
    108.                 is.add(i.trim());
    109.             }
    110.         }
    111.         return is;
    112.     }
    113.  
    114.     public static List split(String images, String splitor) {
    115.         if (images == null || "".equals(images.trim())) {
    116.             return new ArrayList<>();
    117.         }
    118.         return Arrays.asList(images.split(splitor));
    119.     }
    120.  
    121.     public static String nullString(Object obj) {
    122.         return obj == null ? "" : obj.toString();
    123.     }
    124.  
    125.     /**
    126.      * 图片的字符串，将其中的eshangying的连接替换为支持https协议的简赢域名
    127.      * http://files.eshangying.com/2015-06-03/ctgge_518h0aZN0DL._UL1500_.jpg;
    128.      * esyfiles.lrerp.com
    129.      */
    130.     public static String dealImageEwin2Jy(String images) {
    131.         if (StringUtil.stringBlank(images)) {
    132.             return images;
    133.         }
    134.  
    135.         images = images.replace("files.eshangying.com", "esyfiles.lrerp.com");
    136.         return images;
    137.     }
    138.  
    139.  
    140.     /**
    141.      * 将字符串text中由openToken和closeToken组成的占位符依次替换为args数组中的值
    142.      *
    143.      * @param openToken
    144.      * @param closeToken
    145.      * @param text
    146.      * @param args
    147.      * @return
    148.      */
    149.     public static String parseInner(String openToken, String closeToken, String text, Object... args) {
    150.         if (args == null || args.length <= 0) {
    151.             return text;
    152.         }
    153.         int argsIndex = 0;
    154.  
    155.         if (text == null || text.isEmpty()) {
    156.             return "";
    157.         }
    158.         char[] src = text.toCharArray();
    159.         int offset = 0;
    160.         // search open token
    161.         int start = text.indexOf(openToken, offset);
    162.         if (start == -1) {
    163.             return text;
    164.         }
    165.         final StringBuilder builder = new StringBuilder();
    166.         StringBuilder expression = null;
    167.         while (start > -1) {
    168.             if (start > 0 && src[start - 1] == '\\') {
    169.                 // this open token is escaped. remove the backslash and continue.
    170.                 builder.append(src, offset, start - offset - 1).append(openToken);
    171.                 offset = start + openToken.length();
    172.             } else {
    173.                 // found open token. let's search close token.
    174.                 if (expression == null) {
    175.                     expression = new StringBuilder();
    176.                 } else {
    177.                     expression.setLength(0);
    178.                 }
    179.                 builder.append(src, offset, start - offset);
    180.                 offset = start + openToken.length();
    181.                 int end = text.indexOf(closeToken, offset);
    182.                 while (end > -1) {
    183.                     if (end > offset && src[end - 1] == '\\') {
    184.                         // this close token is escaped. remove the backslash and continue.
    185.                         expression.append(src, offset, end - offset - 1).append(closeToken);
    186.                         offset = end + closeToken.length();
    187.                         end = text.indexOf(closeToken, offset);
    188.                     } else {
    189.                         expression.append(src, offset, end - offset);
    190.                         offset = end + closeToken.length();
    191.                         break;
    192.                     }
    193.                 }
    194.                 if (end == -1) {
    195.                     // close token was not found.
    196.                     builder.append(src, start, src.length - start);
    197.                     offset = src.length;
    198.                 } else {
    199.                     ///仅仅修改了该else分支下的个别行代码
    200.  
    201.                     String value = (argsIndex <= args.length - 1) ?
    202.                             (args[argsIndex] == null ? "" : args[argsIndex].toString()) : expression.toString();
    203.                     builder.append(value);
    204.                     offset = end + closeToken.length();
    205.                     argsIndex++;
    206.                     
    207.                 }
    208.             }
    209.             start = text.indexOf(openToken, offset);
    210.         }
    211.         if (offset < src.length) {
    212.             builder.append(src, offset, src.length - offset);
    213.         }
    214.         return builder.toString();
    215.     }
    216.  
    217.     public static String parseWith$(String text, Object... args) {
    218.         return parseInner("${", "}", text, args);
    219.     }
    220.  
    221.     public static String parse(String text, Object... args) {
    222.         return parseInner("{", "}", text, args);
    223.     }
    224.  
    225.     /**
    226.      * 数组指定位置插入元素
    227.      *
    228.      * @param after 在数组哪个元素后面  特殊： index0 代表 插入最开始
    229.      * @param item  需要插入的元素
    230.      * @param arr   操作的数组
    231.      * @return 插入后的数组
    232.      */
    233.     public static String[] arrPushItem(String after, String item, String[] arr) {
    234.         ArrayList list = new ArrayList<>(Arrays.asList(arr));
    235.         if (after == null) {
    236.             list.add(item);
    237.         } else if ("index0".equals(after)) {
    238.             list.add(0, item);
    239.         } else {
    240.             int i = list.indexOf(after) + 1;
    241.             list.add(i, item);
    242.         }
    243.         String[] strings = new String[list.size()];
    244.         list.toArray(strings);
    245.         return strings;
    246.     }
    247.  
    248.     /**
    249.      * 字符串转换为BigDecimal
    250.      *
    251.      * @param number
    252.      * @return
    253.      */
    254.     public static BigDecimal string2BigDecimal(String number) {
    255.         if (stringBlank(number)) {
    256.             return null;
    257.         }
    258.         return new BigDecimal(number);
    259.     }
    260.  
    261.     public static boolean isNumeric(String str) {
    262.         if (stringBlank(str)) {
    263.             return false;
    264.         }
    265.         return str.matches("-?[0-9]+.？[0-9]*");
    266.     }
    267.  
    268.     /**
    269.      * 替换掉html 标签
    270.      *
    271.      * @param myString
    272.      * @return
    273.      */
    274.     public static String filterHtml(String myString) {
    275.         if (myString == null) {
    276.             return myString;
    277.         }
    278.         String newString = myString;
    279.         Pattern BREND = Pattern.compile("(
      |
      |
      |
      )"      , Pattern.CASE_INSENSITIVE);
    280.         Matcher me = BREND.matcher(newString);
    281.         if (me.find()) {
    282.             newString = me.replaceAll("\r\n");
    283.         }
    284.  
    285.         Pattern SPANEND = Pattern.compile("(|)", Pattern.CASE_INSENSITIVE);
    286.         Matcher se = SPANEND.matcher(newString);
    287.         if (se.find()) {
    288.             newString = se.replaceAll(" ");
    289.         }
    290.  
    291.         // 过滤html标签
    292.         Pattern pHtml = Pattern.compile("<[^>]+>", Pattern.CASE_INSENSITIVE);
    293.         Matcher mHtml = pHtml.matcher(newString);
    294.         if (mHtml.find()) {
    295.             newString = mHtml.replaceAll("");
    296.         }
    297.  
    298.         return newString;
    299.     }
    300.  
    301.     public static String firstToLowerCase(String str) {
    302.         if (stringBlank(str)) {
    303.             return str;
    304.         }
    305.         return str.replaceFirst(String.valueOf(str.charAt(0)), String.valueOf(str.charAt(0)).toLowerCase());
    306.     }
    307.  
    308.     public static List stringArr2List(String[] stringArr) {
    309.         List resultList = new ArrayList<>();
    310.         if (stringArr == null) {
    311.             return resultList;
    312.         }
    313.         for (String string : stringArr) {
    314.             if (StringUtil.stringBlank(string)) {
    315.                 continue;
    316.             }
    317.             resultList.add(string);
    318.         }
    319.         return resultList;
    320.     }
    321.  
    322.     public static byte[] s2BytesUTF8(String str) {
    323.         if (stringBlank(str)) {
    324.             return null;
    325.         }
    326.         return str.getBytes(StandardCharsets.UTF_8);
    327.     }
    328.  
    329.     /**
    330.      * 解码
    331.      * 编码字符串 --> 文本字符串
    332.      * 支持对 ASCII与UNICODE混合编码的(脏文本)字符串解码
    333.      * Eg :  "\"2ABRT3425\\u884C\\u653F\\u590D\\u8BAE\\u8868436FDGDSD\""  -->  2ABRT3425行政复议表
    334.      *
    335.      * @param unicode
    336.      * @return
    337.      */
    338.     public static String unicodetoString(String unicode) {
    339.         if (unicode == null || "".equals(unicode)) {
    340.             return null;
    341.         }
    342.         StringBuilder sb = new StringBuilder();
    343.         for (int pos = 0; pos < unicode.length(); ) {
    344.             //"\"2ABRT3425\\u884C\\u653F\\u590D\\u8BAE\\u8868436FDGDSD\"";
    345.             //System.out.println("pos:"+unicode.substring(pos,pos+1)+" - "+pos);
    346.             //System.out.println("index:"+unicode.indexOf("\\u", pos)+"\n");
    347.             if (unicode.indexOf("\\u", pos) - pos == 0) {//unicode编码 Eg: \\2435
    348.                 //System.out.println("pos2:"+unicode.substring(pos,pos+6));
    349.                 if (pos + 6 <= unicode.length()) {
    350.                     Character ch = (char) Integer.parseInt(unicode.substring(pos + 2, pos + 6), 16);
    351.                     //System.out.println("char:"+ch);
    352.                     sb.append(ch);
    353.                     pos += 6;
    354.                 } else {// \\u
    355.                     sb.append(unicode, pos, pos + 2);
    356.                     pos += 2;
    357.                 }
    358.             } else {//非unicode编码
    359.                 sb.append(unicode.charAt(pos));
    360.                 pos += 1;
    361.             }
    362.         }
    363.         return sb.toString();
    364.     }
    365.  
    366.     public static boolean integerBlank(Integer integer) {
    367.         return integer == null || integer <= 0;
    368.     }
    369. }

     1.6 主程序加一个监听器

    1. package com.huashang;
    2.  
    3. import com.huashang.listener.ErpApplicationListener;
    4. import org.mybatis.spring.annotation.MapperScan;
    5. import org.springframework.boot.SpringApplication;
    6. import org.springframework.boot.autoconfigure.SpringBootApplication;
    7. import org.springframework.context.annotation.ComponentScan;
    8. import org.springframework.context.annotation.EnableAspectJAutoProxy;
    9. import org.springframework.scheduling.annotation.EnableAsync;
    10. import org.springframework.scheduling.annotation.EnableScheduling;
    11. import org.springframework.transaction.annotation.EnableTransactionManagement;
    12.  
    13. @SpringBootApplication
    14. @EnableAsync
    15. @EnableScheduling
    16. @EnableTransactionManagement
    17. @EnableAspectJAutoProxy(proxyTargetClass = true)
    18. @MapperScan("com.huashang.mapper")
    19. @ComponentScan("com.huashang")
    20. public class ErpApplication {
    21. 	public static void main(String[] args) {
    22. 		SpringApplication springApplication = new SpringApplication(ErpApplication.class);
    23. 		// 添加监听器，执行需要在服务启动时执行的业务逻辑
    24. 		springApplication.addListeners(new ErpApplicationListener());
    25. 		springApplication.run(args);
    26. 	}
    27.  
    28. }

     1.7 oss是什么和怎么创建（application.yml文件）

    只需要修改一下这里就行，是你oss的配置，我这里是阿里的oss

     oss是什么和怎么创建看视频就行：

    如何使用OSS控制台、ossutil、ossbrowser、OSSSDK_对象存储 OSS-阿里云帮助中心 (aliyun.com)

    创建好了以后，对

    以上2个文件都进行以下修改

    1. spring:
    2.   datasource:
    3.     driver-class-name: com.mysql.cj.jdbc.Driver
    4.     username: 'lrerp'
    5.     password: 'By*****23'
    6.     url: jdbc:mysql://pc-uf6fv9vxz81ws1y53.rwlb.rds.aliyuncs.com:3306/lingrong?useUnicode=yes&characterEncoding=UTF8&useSSL=false&serverTimezone=Asia/Shanghai
    7.   servlet:
    8.     multipart:
    9.       enabled: true
    10.       max-file-size: 10MB
    11.       max-request-size: 20MB
    12.   aop:
    13.     auto: true
    14.  
    15. cross:
    16.   origin: 'lrerp.com'
    17.  
    18. audience:
    19.  
    20.   clientId: cbde72f64*****************00d3b
    21.  
    22.   base64Secret: ZWExZjcxNzFi*********E2NGUwZTEzZjgxYmRkMzU=
    23.  
    24.   name: restapiuser
    25.  
    26.   expiresSecond: 172800000
    27. liteflow:
    28.   print-banner: false
    29.   rule-source-ext-data-map:
    30.     driverClassName: com.mysql.cj.jdbc.Driver
    31.     username: 'lrerp'
    32.     password: '******3'
    33.     url: jdbc:mysql://pc-uf6fv9vxz81ws1y53.rwlb.rds.aliyuncs.com:3306/lingrong?useUnicode=yes&characterEncoding=UTF8&useSSL=false&serverTimezone=Asia/Shanghai
    34.     applicationName: lingrong
    35.  
    36.     chainTableName: chain
    37.     chainApplicationNameField: application_name
    38.     chainNameField: chain_name
    39.     elDataField: el_data
    40.  
    41.  
    42. alioss:
    43.   url: file.lrerp.com
    44.   endpoint: http://oss-cn-shanghai.aliyuncs.com
    45.   accessKeyId: LT#****************PPM
    46.   acceddKeySecret: UVg***************C6L
    47.   bucketName: lrerp

    2. 微信小程序端

    2.1 TDesign的upload组件

    TDesign的upload组件 (tencent.com)icon-default.png?t=N7T8https://tdesign.tencent.com/miniprogram/components/upload

    1. app.json全局引用一下

    2. wxml

    如图可以看到mediaType中我只保留了模版中的image，bind:add事件我定义了一个handleCertificateAdd()，用于上传我的房屋产权图片，max修改为0，可以上传任意个图片

    3. js

    js页面主要修改了

    1. data的数据：

    定义一个数组 `certificateList:[ ]`就行

    2. 【重点！】uploadFile(file,updateProgress,updateSuccess)方法

     token

    这个token就是数据库中的token的值 

    3. handleCertificateAdd()方法

     遍历上传的所有图片，通过调用上面的uploadFile方法

    下面来分析这几个红框中的代码

    1. 

    1.       this.setData({
    2.         certificateList: [...(this.data.certificateList), {
    3.           ...file,
    4.           status: 'loading'
    5.         }],
    6.       });

    2.  

    每个file都遍历调用uploadFile(file,updateProgress,updateSuccess)方法实现上传，

    把方法体作为参数，回调，

    方框中的方法，是uploadFile(file,updateProgress,updateSuccess)中的updateProgress参数

    可以看到task的返回值参数res.progress为100

    3.  

    1.  (ue) => {
    2.           console.log('certificateList:' + ue)
    3.           this.setData({
    4.             [`certificateList[${length}].status`]: 'done',
    5.             [`certificateList[${length}].remoteUrl`]: ue.data
    6.           });
    7.         }

    如下图 方框中的方法，就是作为uploadFile(file,updateProgress,updateSuccess)中的updateSuccess参数

    [`certificateList[${length}].status`]: 'done'

    就是把图片的status属性设置为done，图片显示出来不会一直转圈

  • 相关阅读:
    vscode 代码片段
    Java设置JSON字符串参数编码
    Android 错把setLayerType当成硬件加速
    基于SpringBoot的线上买菜系统
    Vue中的事件监听
    Elasticsearch：与多个 PDF 聊天 | LangChain Python 应用教程（免费 LLMs 和嵌入）
    springboot实现同时批量新增和批量修改数据
    LeetCode //C - 112. Path Sum
    c# 把 json 字符串解析成 json 对象（小例子）
    作为微软开发者官方号，我们又要做点特别的事情了
  • 原文地址：https://blog.csdn.net/m0_47010003/article/details/132991423