ajax上传图片存入到指定的文件夹并回显

 html代码:




    
    Title
    



controller:

package com.example.uploadanimage.controller;

import org.apache.commons.lang3.time.DateUtils;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.multipart.MultipartFile;

import javax.servlet.ServletContext;
import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;

@RestController
public class Upload {


        @PostMapping("/shangchuan")
        public String shangchuan(MultipartFile file) throws Exception {

            String originalFilename = file.getOriginalFilename();
            System.out.println(originalFilename);

            File file1 = new File("D:\\img",originalFilename);
            file.transferTo(file1);
            return "上传成功";
        }
}

html页面:

ajax上传图片存入到指定的文件夹并回显_第1张图片

页面回显效果图:

ajax上传图片存入到指定的文件夹并回显_第2张图片

提交:

ajax上传图片存入到指定的文件夹并回显_第3张图片

 提交完成存入文件夹:

ajax上传图片存入到指定的文件夹并回显_第4张图片

 

你可能感兴趣的:(ajax,javascript,servlet)