`
bit6211
  • 浏览: 73231 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

web开发之上传图片备忘

    博客分类:
  • j2ee
阅读更多
    把图片上传到服务器,然后在前端页面显示查看的方法很多,作为一个入门的程序员,我把用到过的方法记录如下。
    方法一,用struts 1上传图片。步骤如下:
    1 创建一个ActionForm。
public class MessForm extends ActionForm
{
private FormFile photo;

public FormFile getPhoto()
{
return photo;
}

public void setPhoto(FormFile photo)
{
this.photo = photo;
}
}
    其中FormFile用来存放上传的图片。
    2 创建一个Action。
    public class AddAction extends Action
{
public ActionForward execute(ActionMapping mapping, ActionForm form,HttpServletRequest request, HttpServletResponse response) throws Exception
{
// TODO Auto-generated method stub
MessForm mf = (MessForm) form;

FormFile photo = mf.getPhoto();
String photoPath = this.getServlet().getServletContext().getRealPath("/") + "upload\\" + photo.getFileName();//存储目录,可以在配置文件里设置,这样可以方便更改存储目录

FileOutputStream fos = new FileOutputStream(photoPath);
fos.write(photo.getFileData());
fos.flush();
fos.close();
            return mapping.findForward("add");

}

}
    3 写配置文件struts-config.xml。
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts-config PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 1.2//EN" "http://struts.apache.org/dtds/struts-config_1_2.dtd">

<struts-config>
  <data-sources />
  <form-beans>
  <form-bean name="messForm" type="com.model.MessForm"></form-bean>
  </form-beans>
  <global-exceptions />
  <global-forwards />
  <action-mappings>
    <action
  path="/cadd"
  parameter="sc"
  type="com.action.AddAction"
  name="messForm">
  <forward name="add" path="/science/find.jsp"/>
  </action>
 
  </action-mappings>
  <message-resources parameter="ApplicationResources" />
</struts-config>
    这样就可以把图片上传到服务器了。


    方法二,用struts 2上传图片。步骤如下:
     1 创建一个Action。
public class RegisterAction extends ActionSupport
{

//封装上传文件域的属性
private File photo;
//封装上传文件类型的属性
private String photoContentType;
//封装上传文件名的属性
private String photoFileName;
//接受依赖注入的属性
private String savePath;

public File getPhoto()
{
return photo;
}
public void setPhoto(File photo)
{
this.photo = photo;
}
public String getPhotoContentType()
{
return photoContentType;
}
public void setPhotoContentType(String photoContentType)
{
this.photoContentType = photoContentType;
}
public String getPhotoFileName()
{
return photoFileName;
}
public void setPhotoFileName(String photoFileName)
{
this.photoFileName = photoFileName;
}
public String getSavePath()
{
return ServletActionContext.getRequest().getRealPath(savePath);
}
public void setSavePath(String savePath)
{
this.savePath = savePath;
}

         @Override
public String execute() throws Exception
{
// TODO Auto-generated method stub
//以服务器的文件保存地址和原文件名建立上传文件输出流
FileOutputStream fos = new FileOutputStream(getSavePath() + "\\" + getPhotoFileName());

//以上传文件建立一个文件上传流
FileInputStream fis = new FileInputStream(getPhoto());
//将上传文件的内容写入到服务器
byte[] buffer = new byte[1024];
int len = 0;
while((len = fis.read(buffer)) > 0)
{
fos.write(buffer, 0, len);
}
                   return SUCCESS;

}
}

    2 写配置文件struts.xml。
     <?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE struts PUBLIC
          "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
          "http://struts.apache.org/dtds/struts-2.0.dtd">
<struts>
<!-- 国际化资源文件 -->
<constant name="struts.custom.i18n.resources" value="globalMessages"></constant>
    <package name="mypackage" extends="struts-default">
        <action name="register" class="org.chh.controller.RegisterAction">
        <interceptor-ref name="fileUpload">
        <param name="allowedTypes">image/bmp,image/png/,image/gif,image/jpeg,image/jpg</param>
        <param name="maximumSize">10240</param>
        </interceptor-ref>
        <interceptor-ref name="defaultStack"></interceptor-ref>
       
        <param name="savePath">/upload</param>
            <result name="success">information.jsp</result>
            <result name="input">register.jsp</result>
        </action>
    </package>
   
</struts>
    这样就可以把图片上传到服务器了。
    
    上面两种方法只是把图片上传到服务器的某个目录,并没有把图片保存到数据库中,这种做法有个缺陷,就是两张图片名字相同的时候,最后上传的图片会把之前的图片覆盖掉。我们可以通过产生一个大的不重复的随机数,然后把这个随机数连接在图片名字的后面,来确保图片名字唯一。或者通过java.util.UUID类产生一个UUID连接在图片名字后面也行。当然,最好的做法是把图片存入数据库了。

    图片上传到服务器后,就可以在客户端显示了,一个简单的jsp代码如下:
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"+"upload/相片名";
%>
<img src="<%=basePath %>width="129" height="150"/>
分享到:
评论

相关推荐

    备忘单:使用Pandoc和LaTeX从Markdown生成的一组可打印的一页备忘单

    它们最初是为Kickstart Coding设计的,Kickstart Coding是负担得起的,包容性的,密集的编码课程,用于在加利福尼亚州奥克兰市进行尖端的Python / Django和JavaScript / React Web开发。 下载单击以下之一下载。 ...

    毕业设计基于web的个人财务管理系统设计与实现源码+项目说明.zip

    本web系统,设计之初就是为了兼容手机和电脑的,所以系统设计成响应式的页面,在手机和web端都可以完美的展示出来。 此外,系统的开发,兼顾了普通使用者和管理员,所以系统分为了两部分,分别是:前台部分,以及...

    A_2010:WEB应用程序“ MemoTube”,可让您直接在视频上写笔记

    因此,我们开发了一个WEB应用程序,可让您直接在视频上写笔记!此外,共享功能使老师和学生可以通过备忘录相互交流! 产品描述 MemoTube是一个Web应用程序,可让您直接在视频上写笔记。 供个人使用 您可以指定要在其...

    Java课程设计实验报告及全部源码流程图.doc

    加深对课堂讲授内容的理解,掌握解决实际应用问题时所应具有的查阅资料、技术 标准和规范,以及软件编程、调试等能力,掌握面向对象的编程思想及Java语言程序设 计的规律与技巧,为进一步学习web应用开发及今后从事...

    Aoi:用于共享,存储和查找我们的markmarkdown文本的Web App

    在Gist或Slack上这样的Markdown文本是在备忘录网络上与队友共享文件的简单方法。 因此,这些文档缺乏良好的可发现性。 Aoi非常简单,一个应用程序仅适用于特定成员,Markdown渲染和预览支持,并且易于搜索库存文本...

    令人敬畏的分子:与Moleculer微服务框架相关的令人敬畏的事物的列表

    从JSDayUY 2017用西班牙语进行了交谈,讲述了曾经使用整体应用程序的开发人员如何开始使用Moleculer之上的微服务体系结构学习和创建完整的生产应用程序。-视频教程,介绍Moleculer的核心概念和视频为俄语视频和...

    Java课程设计实验报告.docx

    1、加深对课堂讲授内容的理解,掌握解决实际应用问题时所应具有的查阅资料、技术标准和规范,以及软件编程、调试等能力,掌握面向对象的编程思想及Java语言程序设计的规律与技巧,为进一步学习web应用开发及今后...

    shineMobile:Framework7的闪亮API(IOSandroid)

    {shinyMobile}建立在最新的模板之上。安装# from CRANinstall.packages( " shinyMobile " )# for the latest versiondevtools :: install_github( " RinteRface/shinyMobile " )备忘单演示版可在此处运行演示: : ...

    SQL注入攻击与防御(安全技术经典译丛)

    SQL注入是Internet上最危险、最有名的安全漏洞之一,本书是目前唯一一本专门致力于讲解SQL威胁的图书。本书作者均是专门研究SQL注入的安全专家,他们集众家之长,对应用程序的基本编码和升级维护进行全面跟踪,详细...

    java 面试题 总结

    assertion(断言)在软件开发中是一种常用的调试方式,很多开发语言中都支持这种机制。在实现中,assertion就是在程序中的一条语句,它对一个boolean表达式进行检查,一个正确程序必须保证这个boolean表达式的值为...

    《程序员》杂志2012年第1期.pdf (免费积分下载)

    Web 2.0、云计算发展起来后,为了共享数据,提供更无缝的体验和增值,很多互联网网站和服务开始提供开放API,第三方开发者可以在其上开发软件应用,访问平台的数据或其他功能。这就是我们已经听得耳朵起茧子的开放...

    java面试题及技巧3

    基于MVC的.java.web设计与开发.pdf │ 学习Struts提供的和Form相关标签.txt │ 日企编码规范.doc │ 电信盈科面试题.pdf │ 速算.txt │ 面试题URL.txt │ ├─Javascript │ │ javascript资料(源码,教材,ppt)....

    超级有影响力霸气的Java面试题大全文档

    assertion(断言)在软件开发中是一种常用的调试方式,很多开发语言中都支持这种机制。在实现中,assertion就是在程序中的一条语句,它对一个boolean表达式进行检查,一个正确程序必须保证这个boolean表达式的值为...

    SQL注入攻击与防御

    SQL注入是Internet上最危险、最有名的安全漏洞之一,本书是目前唯一一本专门致力于讲解SQL威胁的图书。本书作者均是专门研究SQL注入的安全专家,他们集众家之长,对应用程序的基本编码和升级维护进行全面跟踪,详细...

    java安卓游戏放置源码-LearningResources:来自AZ的全球学习者的集中中心。您可以找到手册、博客、黑客、一个班轮、课程、其他

    一系列鼓舞人心的列表、手册、备忘单、博客、黑客、单行、cli/web 工具等。 OhMyLearning是技术的链接和精选内容的集合,这些技术在学习和工作时非常有用。 我在哪里可以找到可用于贡献的开源项目 :Good First ...

    java面试题以及技巧

    基于MVC的.java.web设计与开发.pdf │ 学习Struts提供的和Form相关标签.txt │ 日企编码规范.doc │ 电信盈科面试题.pdf │ 速算.txt │ 面试题URL.txt │ ├─Javascript │ │ javascript资料(源码,教材,ppt)....

    java面试题目与技巧1

    基于MVC的.java.web设计与开发.pdf │ 学习Struts提供的和Form相关标签.txt │ 日企编码规范.doc │ 电信盈科面试题.pdf │ 速算.txt │ 面试题URL.txt │ ├─Javascript │ │ javascript资料(源码,教材,ppt)....

Global site tag (gtag.js) - Google Analytics