`
林维煜
  • 浏览: 11738 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

图片上传

    博客分类:
  • Java
阅读更多
   此前,书写汽车俱乐部需求分析书时,我对会员基本信息中人头像的切换,没有一个比较好的思路去实现。现在终于有了点头绪,部分代码如下:
function showing(){
  		 var x = document.getElementById("imgFile");
		if(!x || !x.value) 
		{		
		  return;
		} 
		var path = /\.jpg$|\.jpeg$|\.gif$/i;           
		if(path.test(x.value))
		{    
		  var img=f1.imgFile.value;
	       f1.img_name.src=img;
		}
		else
		{    
		  alert("格式不正确");
		  return false;
		}   		
   } 

<html:form action="/sales?mySales=fileUp" styleId="f1" enctype="multipart/form-data" onsubmit="return showing();">
	<div align="center">
     公司标志:<img border=0 src="../images/gtxin/logo.jpg" width="140" height="87" id="img_name" />
     <html:file property="filecontext" onclick="showing();" styleId="imgFile"/>    
         <input type="submit" value="上  传"  class="common_button"/><html:errors property="filecontext" />  
     </div>	
	</html:form>

private FormFile filecontext;//setter() and getter

FormFile upfile=fileupForm.getFilecontext();
		//建立文件夹
	/*	File dir=new File("D:\\"+msg);
		if(!dir.isDirectory()) dir.mkdir();*/
		try {
			byte[] buf=upfile.getFileData();//获取文件的内容
		//	InputStream in=upfile.getInputStream();
				OutputStream out=new FileOutputStream(new File("c:\\"+imgCount+".jpg"));
				out.write(buf);
				out.close();
				System.out.println(upfile.getFileSize());
				System.out.println(upfile.getFileName());
				
		} catch (FileNotFoundException e) {
				e.printStackTrace();
		} catch (IOException e) {
			e.printStackTrace();
		}

   另外,下午注意到一种情况,如果传入的图片大小不符合,或者用户自定义截图(仿似CSDN),那么实现起来就会复杂一些。这种效果看起来挺cool......
分享到:
评论
2 楼 林维煜 2009-01-18  
bfox 写道

两点教训:)1.ie7下面不支持预览2. 图片可以在服务器端缩放后,加水印后再保存。

Thank you very much.
1 楼 bfox 2008-12-24  
两点教训:)
1.ie7下面不支持预览
2. 图片可以在服务器端缩放后,加水印后再保存。

相关推荐

    ASP图片上传组件 图片批量上传控件 图片上传插件

    ASP图片上传组件是一种在Web应用中用于处理用户端图片上传功能的工具,它极大地简化了开发者在ASP(Active Server Pages)环境下实现图片上传的过程。图片批量上传控件和插件则进一步增强了这种功能,允许用户一次性...

    vue+elementUI实现图片上传功能

    在前端开发中,图片上传是一种常见需求,Vue.js作为现代web开发中非常受欢迎的JavaScript框架之一,与Element UI这一基于Vue 2.0的桌面端组件库结合使用时,可以非常便捷地实现图片上传功能。Element UI提供了丰富的...

    易语言post图片上传

    本知识点聚焦于使用易语言进行POST方式的图片上传操作,这是一种常见的网络数据传输方法,尤其在网页表单提交、文件上传等场景中广泛应用。 在Web开发中,POST请求常用于向服务器发送数据,包括文本、图片等各种...

    ASP批量上传简便无刷新文件图片上传系统

    在图片上传的场景下,ASP批量上传系统可能还会包含图像处理功能,如缩略图生成、尺寸调整、质量优化等。这通常需要利用到服务器端的图像处理库,如GD库或ImageMagick。 安全方面,ASP批量上传系统需要防止恶意文件...

    移动web图片上传

    在移动Web开发中,图片上传是一项常见的功能,它允许用户通过手机浏览器选择并发送本地图片到服务器。这个过程涉及到前端和后端的交互,并且为了提供良好的用户体验,通常需要显示上传进度条。以下是对这个主题的...

    Jsp图片上传资料并将图片路径上传至数据库

    在IT行业中,图片上传功能是Web应用中常见且重要的组成部分,尤其在社交媒体、电商网站以及内容管理系统等场景中。本文将详细讲解如何实现一个基于JSP的图片上传功能,并将图片路径存储到MSSQL2000数据库中的技术...

    Android图片上传队列Service

    在Android应用开发中,图片上传是一项常见的功能,尤其是在社交、媒体分享或云存储类的应用中。为了实现这一功能,开发者通常需要设计一个高效且可靠的图片上传队列Service。本篇文章将详细探讨如何创建一个名为...

    C#图片上传,用于winform,带图片预览

    在C#编程环境中,开发一个用于WinForms应用的图片上传功能是一项常见的任务,尤其是在构建具有用户交互界面的应用程序时。这个功能通常会结合文件选择、图片预览以及上传操作,为用户提供直观且易于使用的体验。以下...

    uniapp多张图片上传.rar

    本示例项目 "uniapp多张图片上传.rar" 提供了一个关于如何在 uniapp 中实现多张图片上传的实例,下面我们将详细探讨这个知识点。 首先,`main.js` 是应用的主入口文件,通常用于配置全局变量和挂载根 Vue 实例。在...

    Java实现图片上传

    在IT行业中,图片上传功能是Web应用和移动应用中非常常见的一种需求,特别是在社交媒体、电商、博客等场景下。本文将深入探讨如何使用Java来实现图片上传的功能,主要涉及的技术点包括文件处理、HTTP请求、Multipart...

    MultiPhotoUpload多图片上传

    《MultiPhotoUpload多图片上传技术详解》 在数字化时代的今天,图像信息的交流与分享日益频繁,多图片上传功能已经成为各类应用和平台不可或缺的一部分。"MultiPhotoUpload"就是这样一个专门针对商户平台评论、发表...

    FraUpload多图片上传.zip

    FraUpload多图片上传插件是一款专门用于实现网页端多张图片上传功能的工具,它基于Stable框架构建,提供了一种高效、稳定的解决方案。这款插件不仅支持批量上传,还具备图片预览、可拖动排序等人性化特性,极大地...

    java实现图片上传并显示

    在Java Web开发中,图片上传是一项常见的功能,用于允许用户上传他们的图片文件到服务器,然后在网站上展示。本教程将深入讲解如何使用Struts2框架和Apache Commons FileUpload库来实现这一功能。 首先,我们需要...

    MultipartFile上传图片(多图片上传)

    在本场景下,我们将探讨如何实现多图片上传的功能。 首先,我们需要在HTML表单中设置`enctype="multipart/form-data"`,这样浏览器才能正确地发送包含文件的数据到服务器。表单可能包含多个`...

    图片上传本地预览插件

    在IT领域,图片上传本地预览插件是一个常见的功能组件,尤其在网页应用和桌面软件中,它极大地提升了用户体验。这个插件的核心作用是让用户在实际上传图片到服务器之前,能够在本地环境中预览图片效果,确保图片的...

    ASP.NET MVC实现图片上传、图片预览显示

    在Web应用开发中,图片上传和预览显示是一项非常常见的需求,涉及到前端页面与后端处理的配合,以及对数据库的操作。 本文详细介绍了如何在*** MVC框架中实现图片上传和预览显示的整个过程,这包括前端页面设计、...

    JS+asp.net+图片上传+预览+支持多上传+上传前预览

    在本文中,我们将深入探讨如何使用JavaScript(JS)与ASP.NET技术实现图片上传、预览以及支持多文件上传和上传前预览的功能。这个技术组合是现代Web应用中常见的需求,尤其是在用户交互丰富的网站和应用中。 首先,...

    struts2图片上传并预览

    在Web开发中,图片上传和预览是常见的功能需求,尤其对于用户交互丰富的应用来说。Struts2提供了一套完善的机制来处理文件上传,包括图片。本文将详细讲解如何利用Struts2实现图片上传并进行预览。 一、Struts2文件...

    Flex4.6+java+servlet上传图片例子+图片上传预览

    这个"Flex4.6+java+servlet上传图片例子+图片上传预览"的项目,结合了前端的Flex技术和后端的Java Servlet,为我们提供了一个完整的解决方案。下面将详细解释这个项目的各个组成部分及其工作原理。 首先,让我们来...

    图片上传展示平台

    提供了图片上传、裁剪和预览等功能,对与图片处理相关的程序具有重要的借鉴参考意义。 使用方法:下载压缩包后解压到本地,然后使用Eclipse或MyEclipse导入项目即可,项目路径中包含docs文件夹,里面有数据库表文件...

Global site tag (gtag.js) - Google Analytics