解决web项目上传图片不能及时回显的问题
遇到问题
解决办法
简单实例
OSS配置属性（yml文件）
OSS配置属性实体类
自定义工具类（上传、删除图片）
图片上传正常
如果你也是相关问题，并通过此方法解决，记得给我点个赞！！！

遇到问题
在以前接触的web项目凡是涉及到需要上传图片，以及上传图片后需要及时回显的问题时，我的解决办法总是很死板。就是在项目中添加资源的本地映射路径，又因为在IDEA中通过

String path = System.getProperty("user.dir");

获取项目相对根路径后图片依然不能及时回显（有知道具体原因的望告知），所以只好将路径写死，eg:
registry.addResourceHandler("/userImage/**").addResourceLocations("file:D:\\****\\****\\workspace\\download\\usedweb\\src\\main\\resources\\static\\userImage\\");

这样做的坏处就是当我们需要将项目部署到服务器上，如阿里云服务器时，想要项目跑通必须要重新配置资源的映射路径，非常的麻烦。
解决办法
无意中看到阿里云的OSS（Object Storage Service）对象存储服务,是阿里云提供的海量、安全、低成本、高可靠的云存储服务，你可以使用阿里云提供的 API、SDK 接口或者 OSS 迁移工具轻松地将海量数据移入或移出阿里云 OSS。OSS 具有与平台无关的 RESTful API 接口，你可以在任何应用、任何时间、任何地点存储和访问任意类型的数据。简单来说就是你将你的资源文件如图片、视频等等上传到阿里提供的云储存中，然后按照他的规则通过url调用你上传的资源，由于储存在云上，所以不涉及本地的资源映射，也就没有了上面所说的问题。
简单实例
OSS配置属性（yml文件）
userImage:
  endpoint: oss-cn-chengdu.aliyuncs.com
  keyid:你自己的accesskey
  keysecret: 你自己的accesskeySec
  bucketname: sec-deal-res
  filehost: userImage
  default-avatar: http://sec-deal-res.oss-cn-chengdu.aliyuncs.com/userImage/avatar/default.jpg
  protocol: http://
  no-pro-avatar: http://sec-deal-res.oss-cn-chengdu.aliyuncs.com/userImage/404pro.jpg

OSS配置属性实体类
/**
 * OSS配置属性实体类
 * Created by Chenge on 2020.3.18 12:15
 */
@Component
public class AliConfEntity {
    @Value("${userImage.endpoint}")
    private   String endpoint;
    @Value("${userImage.keyid}")
    private  String keyid;
    @Value("${userImage.keysecret}")
    private  String keysecret;
    @Value("${userImage.filehost}")
    private  String filehost;
    @Value("${userImage.bucketname}")
    private  String bucketname;
    @Value("${userImage.default-avatar}")
    private String defaultAvatar;
    @Value("${userImage.protocol}")
    private String protocol;
    @Value("${userImage.no-pro-avatar}")
    private String noProAvatar;

	getter...setter...toString
}

自定义工具类（上传、删除图片）
@Autowired
    private AliConfEntity aliConfEntity;

    public String upload(MultipartFile file, String fileName){
        if(file == null){
            return null;
        }
        OSSClient client = new OSSClient(aliConfEntity.getEndpoint(),aliConfEntity.getKeyid(),aliConfEntity.getKeysecret());
        if (!client.doesBucketExist(aliConfEntity.getBucketname())){
            // 判断容器是否存在,不存在就创建
            client.createBucket(aliConfEntity.getBucketname());
            CreateBucketRequest request = new CreateBucketRequest(aliConfEntity.getBucketname());
            // 设置权限(公开读)
            request.setCannedACL(CannedAccessControlList.PublicRead);
            client.createBucket(request);
        }
        //开始上传文件
        String basePath = aliConfEntity.getFilehost()+fileName;
        PutObjectResult result = null;
        try {
            result = client.putObject(new PutObjectRequest(aliConfEntity.getBucketname(),basePath,new ByteArrayInputStream(file.getBytes())));
        } catch (IOException e) {
            e.printStackTrace();
        }
        client.setBucketAcl(aliConfEntity.getBucketname(),CannedAccessControlList.PublicRead);
        if (result != null){
            return "success";
        }
        return "error";
    }
    /**
     * 删除oss上面的文件
     * @param fileName 文件名，应该时文件路径，从filehost开始
     */
    public void dealFile(String fileName){
        OSSClient client = new OSSClient(aliConfEntity.getEndpoint(),aliConfEntity.getKeyid(),aliConfEntity.getKeysecret());
        client.deleteObject(aliConfEntity.getBucketname(),fileName);
    }

图片上传正常

如果你也是相关问题，并通过此方法解决，记得给我点个赞！！！

 @RequestMapping(value = "/mi/upload", method = RequestMethod.POST)
    @ResponseBody
    public MyResponse upload(HttpServletRequest request, @RequestParam("file") MultipartFile file) {
        long size = file.getSize();
        if(size>1024*1024*2){
            throw new MyException("图片大小不能超过2M");
        }
        String classpath = this.getClass().getResource("/").getPath().replaceFirst("/", "");
        //String webappRoot = classpath.replaceAll("WEB-INF/classes/", "");
        //可以自定义路径
        File dir = new File(classpath+"/images");
        if(!dir.isDirectory()){
            dir.mkdirs();
        }
        String accessUrl =  "/images/"+System.currentTimeMillis()+file.getName()+".jpg";
        try {
            File file1 = new File(classpath+accessUrl);
            file.transferTo(file1);
        } catch (IOException e) {
            e.printStackTrace();
            throw new MyException("上传失败");
        }
  }

2.读取本地文件内容

//        String filepath = "E:/upload/test.txt";//E盘下的文件夹的目录
//        File targetFile = new File(filepath);//File类型可以是文件也可以是文件夹
//
//        // File targetFile = new File(path);
//        if (!targetFile.exists()) {
//            targetFile.mkdirs();
//        }
//        //保存到本地的文件
//        // File saveFile = new File(path + fileName);
//        FileInputStream fileInput = null;
//        String rs = "";
//        try {
//            // 通过File对象构建一个流对象
//            fileInput = new FileInputStream(targetFile);
//            // 读取数据，并将读取的数据存储在数组中
//            byte[] data = new byte[(int) targetFile.length()];
//            // 读取流中的第一个字节数据
//            int n = fileInput.read();
//            // 读取的游标位置
//            int i = 0;
//            // 判断是否读到最后一个字符
//            while (n != -1) {
//                data[i] = (byte) n;
//                i++;
//                n = fileInput.read();
//            }
//            rs = new String(data, "GBK");
//            System.out.println(rs);
//        } catch (FileNotFoundException e) {
//            e.printStackTrace();
//        } catch (IOException e) {
//            e.printStackTrace();
//        }
//        try {
//            file.transferTo(targetFile);
//            return new MyResponse(rs);
//        } catch (Exception e) {
//            e.printStackTrace();
//            return new MyResponse(ResponseCode.OPERATE_FAIL, e.getMessage());
//        }

 

问题：上传图片到指定的目录，比如上传到项目文件夹中E:\briup\workspace\Buddhism\WebContent\userImage，但是上传呢完毕之后需要手动刷新该文件夹，网页上才能正常显示图片。

原因：项目部署在默认的工作空间下，不是Tomcat安装目录下

解决办法：


在eclipse中，remove掉所有部署的项目，并clean，
双击Tomcat，如图 


在server location项中选择第二项user Tomcat installation，并修改Deploy path的值为webapps，如图 


若此时Tomcat中部署的有项目或者没有clean，Server Location项就会是灰色的无法修改

话不多说直接上图









因为是自己电脑部署,所以图片存储路径是自己本地的某个盘,然后将项目部署到tomcat下webapps的ROOT下,因为tomcat加载的是编译好的文件,此时还需要修改tomcat的配置文件

(箭头备注可以不用看,那是自己的东西)

(docBase是真实路径,path:是映射路径)

因为当时只是写了图片映射路径,就是第一行的context,下面的是项目的所需配置路径,就是因为没有配置这个,所以图片无法显示,因为没有映射项目的地址,所以如图2显示的http:ip地址没有被读取到导致浏览器图片无法加载
部署的项目tomcat 记得也要启动!