Java上传图片并预览

最新推荐文章于 2024-06-03 23:10:45 发布

浅浅小水沟

最新推荐文章于 2024-06-03 23:10:45 发布

阅读量9.6k

点赞数 2

分类专栏：前端文章标签： java html js upload

本文链接：https://blog.csdn.net/r0a0n0/article/details/37657841

版权

需求，上传图片，并可以预览，需要强调的是必须选择的为图片，不然无法上传，看了些网上的代码改了改，终于可以了

请直接看代码吧，累啊累

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<SCRIPT LANGUAGE="JavaScript">
<!--
	function setImagePreview(docObj,localImagId,imgObjPreview)   
    {  
		
		var name=docObj.value;
		var type=name.split(".");
		type=type[type.length-1];
		if("jpg"!=type &&"png"!=type &&"jpeg"!=type&&"gif"!=type){
			alert("错误的类型，请选择图片");
			document.getElementById("txtSrc").value=null;//防止将非图片类型上传
			return ;
		}
		
        if(docObj.files && docObj.files[0])  
        {  

			//alert("hello"+docObj.files[0]);
            //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式    
         	document.getElementById("imgDiv").style.display="block";
            document.getElementById("img").src= window.URL.createObjectURL(docObj.files[0]);  
        }  
        else  
        {  
            //IE下，使用滤镜  
            docObj.select();