java图片上传

//图片上传需要用到的js
<script type="text/javascript" src="../js/ajaxfileupload.js"></script>

需要初入图片的位置：

<label>
	<span class="search-span">上传图片：</span> 
        <input type=file name="myfiles"  id="doc" onchange="javascript:setImagePreview();" multiple="multiple" class="upImg">
</label>
<label class="upImgBox" id="editDiv">
	<span class="search-span"></span>
	<div class="imgdiv" ><img src="${advertise.imgSrc}"/></div>
</label>

function setImagePreview() {  
		
	    var docObj=document.getElementById("doc");  
	    var imgObjPreview=document.getElementById("preview");  
	    
	    if(docObj.files && docObj.files[0]){  
	    	
	        //火狐下，直接设img属性  
        	imgObjPreview.style.display = 'inline-block';  
	        imgObjPreview.style.width = '401px';  
	        imgObjPreview.style.height = '201px'; 
	        $('#imgSrc').val(docObj.files[0].name);
		       
	        try{ 
        		 imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);
	        	 $.ajaxFileUpload({
	    	        //处理文件上传操作的服务器端地址(可以传参数,已亲测可用)
	    	        url:"/manage.onigiri/advertise/imageFileUpload",
	    	        secureuri:false,                       //是否启用安全提交,默认为false
	    	        fileElementId:'doc',           //文件选择框的id属性
	    	        fileSize:5120000,
	    	        allowType:'jpg,jpeg,png,JPG,JPEG,PNG,gif,GIF',                    //服务器返回的格式,可以是json或xml等
	    	        success:function(data, status){        //服务器响应成功时的处理函数
	    	        	if(status == 'success'){
		    	        	alert("图片上传成功！！！");
	    	        	}
	    	        },
	    	        error:function(data, status, e){ //服务器响应失败时的处理函数
	    	        	alert("图片上传失败！！！");
	    	        }
	    	    });
	    	    
	        }catch(e){  
	            alert("您上传的图片格式不正确，请重新选择!");  
	            return false;  
	        }  
	    }else{  
	        //IE下，使用滤镜  
	         docObj.select();
	        var imgSrc= document.selection.createRange().text;  
	        var localImagId = document.getElementById("localImag");  
	  	      //必须设置初始大小  
		        imgObjPreview.style.width = '401px';  
		        imgObjPreview.style.height = '201px'; 
	        //图片异常的捕捉，防止用户修改后缀来伪造图片  
	        try{  
	        	localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";  
	  	        localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;  
	        }catch(e){  
	            alert("您上传的图片格式不正确，请重新选择!");  
	            return false;  
	        } 
	        
	        if(docObj.files && docObj.files[0]){
	        	  imgObjPreview.style.display = 'none';  
	        }
	        document.selection.empty();  
	    }  
	    return true;  
	}  
	
	function setBgImagePreview() {  
	    var docObj=document.getElementById("bgdoc");  
	    var imgObjPreview=document.getElementById("bgpreview");  
	    if(docObj.files && docObj.files[0]){  
	        //火狐下，直接设img属性  
	        imgObjPreview.style.display = 'inline-block';  
	        imgObjPreview.style.width = '401px';  
	        imgObjPreview.style.height = '201px';                      
	        $('#bgImgSrc').val(docObj.files[0].name);
	        try{ 
	        	imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]); 
	        	$.ajaxFileUpload({
	    	        //处理文件上传操作的服务器端地址(可以传参数,已亲测可用)
	    	        url:"/manage.onigiri/advertise/imageFileUpload",
	    	        secureuri:false,                       //是否启用安全提交,默认为false
	    	        fileElementId:'bgdoc',           //文件选择框的id属性
	    	        fileSize:5120000,
	    	        allowType:'jpg,jpeg,png,JPG,JPEG,PNG,gif,GIF',                    //服务器返回的格式,可以是json或xml等
	    	        success:function(data, status){        //服务器响应成功时的处理函数
	    	        	if(status == 'success'){
		    	        	alert("图片上传成功！！！");
	    	        	}
	    	        },
	    	        error:function(data, status, e){ //服务器响应失败时的处理函数
	    	        	alert("图片上传失败！！！");
	    	        }
	    	    });
	    	    
	        }catch(e){  
	            alert("您上传的图片格式不正确，请重新选择!");  
	            return false;  
	        }  
	    }else{  
	        //IE下，使用滤镜  
	        docObj.select();  
	        var imgSrc = document.selection.createRange().text;  
	        var localImagId = document.getElementById("bglocalImag");  
	        //必须设置初始大小  
	        imgObjPreview.style.width = '401px';  
	        imgObjPreview.style.height = '201px'; 
	        //图片异常的捕捉，防止用户修改后缀来伪造图片  
	        try{  
	            localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";  
	            localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;  
	        }catch(e){  
	            alert("您上传的图片格式不正确，请重新选择!");  
	            return false;  
	        }  
	        imgObjPreview.style.display = 'none';  
	        
	        document.selection.empty();  
	    }  
	    return true;  
	}

上面的是页面处理所需要的js文件待会去附件下载

猜你喜欢