上传图片回显

<!--jsp页面-->

<div id="Photograph_con" style="margin:-30px 0 20px 190px;" id="con2">

         <input type="file" name="file" id="ppSendphoto1"/>
         <span id="back" style="color: red"></span>

</div>

<div  id="con1" ></div>
         <div class="Photograph_con" id="con2"><img alt="" src="${ basePath}/system/img/che.jpg" class="fileImg fileImg2" >
         <div id="imgtow"></div>

</div>


//JQUERY

$("#ppSendphoto1").change(function(){
    var chan=$("#ppSendphoto1");
        $("#back").text("");
        fileOnchange();
});


//点击选择文件

$("#ppSendphoto1").change(function(){
    var chan=$("#ppSendphoto1");
        $("#back").text("");

        //浏览器验证方法

        fileOnchange();
    });


function fileOnchange(){
     var fileImg = $(".fileImg");
     var explorer = navigator.userAgent;
     var imgSrc = $("#ppSendphoto1")[0].value;
     $("#haha").val(imgSrc);
     var suffix=imgSrc.substring(imgSrc.lastIndexOf('.')).toLowerCase();
     if (explorer.indexOf('MSIE') >= 0) {//ie
         if (!(/\.(jpg|jpeg|png|gif|bmp)$/.test(suffix))) {
             $("#con2").css('display','block');
             $("#con1").css('display','none');
             fileImg.attr("src","${ basePath}/system/img/che.jpg");
             layer.alert("请上传图片");
             imgSrc="";
             return false;
         }else{
            // ie
            imgpath = getRealPath("ppSendphoto1");
            document.getElementById("imgtow").style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\""+ imgpath + "\")";//使用滤镜效果
            function getRealPath(fileId){
                    var file_upl = document.getElementById(fileId);
                    file_upl.select();
                    return document.selection.createRange().text;
                }
            $(".fileImg").css("display","none")
            $("#imgtow").css("display","block")
            upload1();
         }
     }else{
                 if (!(/\.(jpg|jpeg|png|gif|bmp)$/.test(suffix))) {
                     imgSrc = "";
                     fileImg.attr("src","${ basePath}/system/img/che.jpg");
                     layer.alert("请上传图片");
                     return false;
                 }else{
                     var file = $("#ppSendphoto1")[0].files[0];
                     var urll = URL.createObjectURL(file);
                     fileImg.attr("src",urll);
                     upload1();
                 }
    }
}

function upload1(){

    var ppid1=$("input[name='ppid']").val();

     $("input[name='file']").upload({
             url: '${basePath}/wa/wp/sendupload1?t=' + Math.random(),
             // 其他表单数据
             params: //可以传参数{"ppId": ppid1 }
             // 上传完成后, 返回json, text
             dataType: 'text',
             onSend: function (obj, str) {return true; },
             // 上传之后回调
             onComplate: function (data) {
                 var back1=data.substring(0,1);
                 if(1 == back1){
                   $("#back").text($("#haha").val()+" 上传成功!");
                 }else{
                   layer.alert("上传失败!");
                 }
             }
          });
       $("input[name='file']").upload("ajaxSubmit");
}


/**

*controller

*/

@RequestMapping(value="/sendupload1",produces="text/html;charset=UTF-8")
    @ResponseBody
    public String sendupload(@RequestParam("file") CommonsMultipartFile file,HttpServletRequest request,HttpServletResponse response,String ppId) throws Exception{
        String id=request.getParameter("ppId");
    
        WaPartspackWithBLOBs waPartspack = waPartspackService.selectByPrimaryKey(ppId);
        String oldppSendphoto = null;
        if(waPartspack != null){
            oldppSendphoto = waPartspack.getPpSendphoto();
        }
        if(null!=file){
            String filePath = request.getSession().getServletContext().getRealPath("fileDisk/wa/ppsend");
            File dir = new File(filePath);
            if (!dir.exists()) {  
                dir.mkdirs();  
            }
            String originalFilename = file.getOriginalFilename();
            String fileName = id+originalFilename.substring(originalFilename.indexOf("."), originalFilename.length()).toLowerCase();
            String ppSendphoto = filePath+"\\"+fileName;
            //删除服务器上无效图片
            if(null != oldppSendphoto &&(!("".equals(oldppSendphoto)))){
                oldppSendphoto=filePath+"\\"+id+oldppSendphoto.substring(oldppSendphoto.indexOf("."));
                File oldFile = new File(oldppSendphoto);
                if(oldFile.exists()){
                    oldFile.delete();
                }
            }
                
            //保存到数据库
            WaPartspackWithBLOBs waPartspackWithBLOBs=new WaPartspackWithBLOBs();
            waPartspackWithBLOBs.setPpSendphoto("/fileDisk/wa/ppsend/"+fileName);
            waPartspackWithBLOBs.setId(ppId);
            waRefundService.updatePpSendphotoByPK(waPartspackWithBLOBs);
            try {
                file.transferTo(new File(ppSendphoto));
            } catch (IOException e) {
                e.printStackTrace();
                return "2";
            }
        }
        return "1";
    }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值