文档章节

上传文件或图片,图片存在即显示问题

帅的不像男的
 帅的不像男的
发布于 2016/03/28 11:27
字数 747
阅读 89
收藏 1

上传图片时要给from加上enctype="multipart/form-data"

<form name="userInfo" method="post" action="first_submit.jsp"    ENCTYPE="multipart/form-data"> 
表单标签中设置enctype="multipart/form-data"来确保匿名上传文件的正确编码。 
如下: 

<tr> 
      <td height="30" align="right">上传企业营业执照图片:</td> 
      <td><INPUT TYPE="FILE" NAME="uploadfile" SIZE="34"    onChange="checkimage()"></td> 
    </tr>


就得加ENCTYPE="multipart/form-data"。 


表单中enctype="multipart/form-data"的意思,是设置表单的MIME编码。默认情况,这个编码格式是application/x-www-form-urlencoded,不能用于文件上传;只有使用了multipart/form-data,才能完整的传递文件数据,进行下面的操作. 
enctype="multipart/form-data"是上传二进制数据; form里面的input的值以2进制的方式传过去。 
form里面的input的值以2进制的方式传过去,所以request就得不到值了。 也就是说加了这段代码,用request就会传递不成功,取表单值加入数据库时,用到下面的: 

SmartUpload su = new SmartUpload();//新建一个SmartUpload对象 
su.getRequest().getParameterValues();取数组值 
su.getRequest().getParameter( );取单个参数单个值


或者加入将form的属性加到struts.xml中去

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts-config PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 1.1//EN" "http://jakarta.apache.org/struts/dtds/struts-config_1_1.dtd">
<struts-config>
	<form-beans>
		<form-bean name="AdminForm"
			type="org.apache.struts.validator.DynaValidatorForm">
			<form-property name="appios" type="org.apache.struts.upload.FormFile"/>
			<form-property name="file" type="org.apache.struts.upload.FormFile"/>
			<form-property name="image" type="org.apache.struts.upload.FormFile"/>
        </form-bean>		
</form-beans>
<action-mappings>		
	<action path="/admin"
		type="org.springframework.web.struts.DelegatingActionProxy"
		name="AdminForm" parameter="method" scope="request"
		validate="false">
                <forward name="userinfolist" path="/web/tjix/manage/user/userinfolist.jsp" />
		</action>		
</action-mappings>
</struts-config>

后台action获取文件并存储

       String phs = getServlet().getServletContext().getRealPath("/");//获取本地项目路径
       String path = phs+"data/resources/image/union/upload/";//服务器存储图片路径 上传的最终绝对路径
	File file = new File(path);
		if (!file.exists()) {
			file.mkdirs();
		}

	FormFile formFile = (FormFile) dvf.get("image");
	String ImgNames = formFile.getFileName();
	String appname = Uuid.create().toString() + ImgNames.substring(ImgNames.length() - 4);//图片名称
	FileOutputStream out = new FileOutputStream(path+ "/" + appname);
	out.write(formFile.getFileData());
	out.flush();
	out.close();
	//http://localhost:8080/fileUpload/p/file!upload
	String portrait = Constant.integral_Path+"fileUpload/p/file!upload"+appname;//图片路径存入数据库

异步需要js实现,后台获取路径

多个图片可以用数组实现

                 //图片同步 data/resources/image/union/upload/
			String ycpath = Constant.remote_image_server_url;//远程服务器地址 最终上传到此服务器路径
			String phs = getServlet().getServletContext().getRealPath("/");//获取本地项目路径
			String path = phs+"union/upload/";//服务器存储图片路径 上传的最终绝对路径
			File file = new File(path);
			if (!file.exists()) {
				file.mkdirs();
			}
			FormFile[] picpathFile = new FormFile[3];
			picpathFile[0] = (FormFile) dvf.get("enterpriseimg");
			picpathFile[1] = (FormFile) dvf.get("enterpriseimg2");
			picpathFile[2] = (FormFile) dvf.get("enterpriseimg3");
			picpathFile[3] = (FormFile) dvf.get("enterpriseimg4");
			String[] picpath = new String[3];
			for (int i = 0; i < 4; i++) {
				String ImgNames = picpathFile[i].getFileName();
				if (StringUtil.isNullOrBlank(ImgNames)) {
					picpath[i] = "";
				} else {
					String appname = Uuid.create().toString() + ImgNames.substring(ImgNames.length() - 4);// 图片名称
					FileOutputStream out = new FileOutputStream(path + "/" + appname);
					out.write(picpathFile[i].getFileData());
					out.flush();
					out.close();

					// http://localhost:8080/fileUpload/p/file!upload
					picpath[i] = Constant.images_Path+"union/upload/"+appname;
				}
			}

判断图片是否显示,不能显示则用其他图片默认

//picpath  图片路径
<c:if test="${good_list.picpath eq '' || good_list.picpath eq 'null' 
|| good_list.picpath eq null}">
								     
 <img src="/cglib/alliance/images/goods.png" alt="${good_list.name}">
</c:if>
<c:if test="${good_list.picpath ne '' && good_list.picpath ne 'null' && good_list.picpath ne null}">
<img src="${good_list.picpath}" onerror="javascript:this.src='/cglib/alliance/images/goods.png';" 
alt="${good_list.name}" />
<!--  <img src="${good_list.picpath}" alt="${good_list.name}">-->
</c:if>


© 著作权归作者所有

共有 人打赏支持
帅的不像男的
粉丝 10
博文 90
码字总数 47450
作品 0
深圳
程序员
php用户头像上传,前端将图片转为BASE64后上传后写入文件,之后将其读取显示出现的问题

用php写用户头像上传,前端用FileReader 对象中的readAsDataURL将图片转为BASE64后用ajax上传,后端php将其写入以用户id命名的文件中。每次检测以该用户id命名的文件是否存在,存在的话就读取...

未知生物
2017/01/25
830
5
INPUT[type=file] 的 'value' 属性值在各浏览器中存在差异

标准参考 当一个 INPUT 元素的 'type' 属性值设置为 'file' 时创建了一个文件选择控件(file select),其中 INPUT 元素的 'value' 属性值便是文件的初始名称。 另外,在 IE6 和 IE7 下通过此方...

zkool
2012/06/28
0
0
php移动文件的函数 move_uploaded_file()和copy

最近遇到的问题就是:用户提交一个图片,我这边给缩放成三种格式的大小,缩放的方法存在,所以我这边直接就调用三次,结果只有一张图片上传,采用循环调用的方法还是只有一个图片,后来发现 ...

PHPUI
2013/05/15
0
0
spring mvc上传文件的简单例子总结及注意事项

1.创建maven项目 在pom.xml里面引入该依赖的jar包,pom.xm的代码如下: <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:s......

双月通天
2015/09/29
4.7K
0
Uploadify+MultipartFile实现文件上传

一.form表单(截选) <table id="myTable" border="0" cellspacing="0" cellpadding="0"> <tr id='myTr'> <td class="label">合同附件:</td> <td style="padding:0" width="23%"><input class......

Romanceling
2016/08/23
302
0

没有更多内容

加载失败,请刷新页面

加载更多

Java并发编程:volatile关键字解析

volatile这个关键字可能很多朋友都听说过,或许也都用过。在Java 5之前,它是一个备受争议的关键字,因为在程序中使用它往往会导致出人意料的结果。在Java 5之后,volatile关键字才得以重获生...

engeue
34分钟前
1
0
通过ajax访问远程天气预报服务

http://www.webxml.com.cn/zh_cn/index.aspx 更改wsdl文件 打开文件将15行,51行,101行去掉 然后把文件复制到c盘 然后在桌面上面就生成了文件 将文件打成jar包 package cn.it.ws.weather;...

江戸川
今天
1
0
聊聊storm的tickTuple

序 本文主要研究一下storm的tickTuple 实例 TickWordCountBolt public class TickWordCountBolt extends BaseBasicBolt { private static final Logger LOGGER = LoggerFactory.getLogg......

go4it
今天
1
0
自动装箱和自动拆箱

自动装箱和自动拆箱 Java 提供了 8 种基本数据类型,每种数据类型都有其对应的包装类型,包装类是面向对象的类,是一种高级的数据类型,可以进行一些比较复杂的操作,它们是引用类型而不再基...

tsmyk0715
今天
2
0
简易审计系统

1、有时候我们需要对线上用户的操作进行记录,可以进行追踪,出现问题追究责任,但是linux自带的history并不会实时的记录(仅仅在内存中,当用户正常退出(exit logout )时才会记录到history文件里...

芬野de博客
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部