HTML5上传图片，后台使用java

最新推荐文章于 2023-03-31 12:04:30 发布

weixin_34357436

最新推荐文章于 2023-03-31 12:04:30 发布

阅读量749

点赞数

文章标签： java 后端数据库

原文链接：https://my.oschina.net/maojindaoGG/blog/1551958

版权

2019独角兽企业重金招聘Python工程师标准>>>

1、html代码

引用的js如下：

html代码

2、js代码

/** 记录上传数据 */
function uploadImage(imageData) {
   if (imageData) {
       $.ajax({
           type:"POST",
           async: false,
           url: basepath+"/rest/app/memberCenter/uploadImgs",
           contentType:'application/x-www-form-urlencoded; charset=utf-8',
           data: {
               fileData: imageData,
               fileName: $("#hid_identityCard").val(),
               uuidUser: $("#hid_uuidUser").val()
           },
           dataType:"json",
           timeout: 1000,
           success: function(result) {
               console.log(result);
                if(result.reCode == "1001"){
                    alert('上传成功！');
                }else if(result == false){
                    alert('上传失败！');
                }
           }
       });
   }
}

3、java后台代码

3.1 springcontroller

   /**
   * 上传身份证证件图片
   * @param request
   * @param response
   */
   @RequestMapping(value="/uploadImgs",method=RequestMethod.POST)
   public void uploadImgs(HttpServletRequest request,HttpServletResponse response){
       String fileData = request.getParameter("fileData");//Base64编码过的图片数据信息，对字节数组字符串进行Base64解码
       String uuidUser = request.getParameter("uuidUser");
       String fileName = request.getParameter("fileName");

       long t = System.currentTimeMillis();
       Random rd = new Random(t);
       int v = rd.nextInt();
       String userImgs = fileUploadService.uploadFile(fileData, fileName+"_"+String.valueOf(v));

       //String userImgs = ConfigUtil.getProperty("user.imgs");
       //ResultModel resultModel=fileUploadService.fileUpload(file, userImgs);

       Ghuser currentUser = currentUser();
       String uname = currentUser.getUname();

       boolean result = false;//最终上传成功与否的标志
       Ghuserrelevanceimgs Ghuserrelevanceimgs = new Ghuserrelevanceimgs();
       Ghuserrelevanceimgs.setRelevanceimg(userImgs);
       Ghuserrelevanceimgs.setUserRelevanceId(Integer.valueOf(uuidUser));
       Ghuserrelevanceimgs.setCreatetime(new Date());
       Ghuserrelevanceimgs.setCreatename(uname);

       JSONObject jsrs = ghuserrelevanceService.insertGhuserrelevanceImg(Ghuserrelevanceimgs);

       PrintWriter pw = null;
       try {
           pw = response.getWriter();
       } catch (IOException e) {
           // TODO Auto-generated catch block
           e.printStackTrace();
       }
        pw.print(jsrs.toString());
        pw.close();
   }

3.2 springservice代码

   /**
     * 文件上传
     * @param fileData
     * @param fileName
     * @return
     */
    public String uploadFile(String fileData,String fileName){
        //在自己的项目中构造出一个用于存放用户照片的文件夹
       String userImgs = ConfigUtil.getProperty("user.imgs");
        //如果此文件夹不存在则创建一个
        File f = new File(userImgs);
        if(!f.exists()){
            f.mkdir();
        }
        //拼接文件名称，不存在就创建
        userImgs = userImgs + fileName + ".jpg";
        f = new File(userImgs);

        //使用BASE64对图片文件数据进行解码操作
        BASE64Decoder decoder = new BASE64Decoder();
        try {
            //通过Base64解密，将图片数据解密成字节数组
            byte[] bytes = decoder.decodeBuffer(fileData);
            //构造字节数组输入流
            ByteArrayInputStream bais = new ByteArrayInputStream(bytes);
            //读取输入流的数据
            BufferedImage bi = ImageIO.read(bais);
            //将数据信息写进图片文件中
            ImageIO.write(bi, "jpg", f);// 不管输出什么格式图片，此处不需改动
            bais.close();
        } catch (IOException e) {

        }
        return userImgs;
    }