异步提交图片

$(function(){
                $("#uploading").click(function(){
                    var $file= $("#pare").val();
                    if($file.length != 0){
                        var subscript = $file.lastIndexOf(".");
                        var suffix = $file.substring(subscript,$file.length).toUpperCase();
                        if(suffix != ".BMP" && suffix != ".PNG" && suffix != ".GIF" && suffix != ".JPG" && suffix != ".JPEG"){
                            layer.alert("图片限于上传.BMP .PNG .GIF .JPG .JPEG格式");
                            return ;
                    }
                    var formData = new FormData($("#addEvent")[0]);
                    var da = $("#addEvent").serialize();
                    $.extend(true,formData,da);
                    $.ajax({
                     url:'${path}/manage/game/event/addActivity.do?flag=1',
                     type:'POST',
                     data:formData,
                      async: true,  
                      cache: false,  
                      contentType: false,  
                      processData: false,
                      success:function(result){
                            $("#param").val(result.msg);
                            layer.alert("上传成功!");
                        }

                    })
                
                    }
                    
                })
                $("#preview").click(function(){
                    var url = $("#param").val();
                    if(url.length==0){
                        layer.alert("请先上传!");
                    }
                    $("#img").show().attr("src",url);
                })

            })



     <input type="file"  name="paper" id="pare" style="width: 160px;"/>



    /***
     * 新增活动
     * @param model
     * @return
     * @throws ParseException
     */
    @RequestMapping("/addActivity.do")
    public @ResponseBody ResultJson addActivity(Model model,String uid,Acivity bean,
            @RequestParam(value="paper",required=false)MultipartFile[]  paper,HttpServletRequest request,String flag) throws ParseException{
        //获取上传图片的路径
        String url = request.getSession().getServletContext().getRealPath("upload");
        //获取上传文件的名字
        String name = paper[0].getOriginalFilename();
        //保存文件的名称
        String path  =name.substring(name.lastIndexOf("."));
        String saveFileName = System.currentTimeMillis()+path;//保存的文件名称
        //拼写图片路径
        String img_path = "\\"+saveFileName;
        //拼写文件名字
        
        // 文件保存路径  
        String filePath = url + img_path;
        File targetFile = new File(url, saveFileName);
        String _path = request.getContextPath()+"/upload/"+saveFileName;
        if(!targetFile.exists()){  
            targetFile.mkdirs();  
        }  
        try {
            paper[0].transferTo(new File(filePath));
        } catch (IllegalStateException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }
        ResultJson result = new ResultJson();
        result.setMsg(_path);
        if(StringUtils.isBlank(flag)){
          bean.setPicture(_path);
          ResultJson re = service.add(bean);
          return re;
        }
        return result;
        
    }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值