文档章节

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

帅的不像男的
 帅的不像男的
发布于 2016/03/28 11:27
字数 747
阅读 96
收藏 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>


© 著作权归作者所有

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

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

未知生物
2017/01/25
1K
5
OctansGame/Kz.layedit

Kz.layedit 在线预览 码云Gitee Pages 更新日志 V18.11.25 感谢来自杨黄林的反馈 [合并优化] 图片上传时图片的宽度,高度单位为px,输入时不需输入单位; [合并优化] 修改图片属性时可以初始...

OctansGame
11/26
0
0
解决CKEditor 4 富文本编辑器在图片组件无法显示[上传]选项卡的相关问题

关于解决CKEditor 4 富文本编辑器在图片组件无法显示[上传]选项卡的相关问题。 本文可能会对以下现象得以解决: 图片上传组件,没有 [上传] 选项卡。 资源无法加载 [imgupload] ( Uncaught E...

Eller
11/21
0
0
INPUT[type=file] 的 'value' 属性值在各浏览器中存在差异

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

zkool
2012/06/28
0
0
Thinkphp使用jQuery File Upload异步上传图片实例教程(1):上传单张图片

图片上传是很多网站必备的功能之一,异步多图上传也是很多初学者比较头疼的问题。所以今天我们就使用比较热门的Thinkphp和jquery File upload插件完整的开发一个多图异步上传功能。 这篇文章...

星空幻颖
2017/02/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

如何很绅士的使用线程池

前言 平时接触过多线程开发的童鞋应该都或多或少了解过线程池,之前发布的《阿里巴巴 Java 手册》里也有一条: 可见线程池的重要性。 简单来说使用线程池有以下几个目的: 线程是稀缺资源,不...

瑞查德-Jack
16分钟前
2
0
Java开发必会的Linux命令

1.查找文件find / -name filename.txt 根据名称查找/目录下的filename.txt文件。find . -name "*.xml" 递归查找所有的xml文件find . -name "*.xml" |xargs grep "hello world" 递归...

奥特曼之王
17分钟前
3
0
【 58沈剑 架构师之路】各种SQL到底加了什么锁?

有朋友留言:你TM讲了这么多,锁分了这么多类型,又和事务隔离级别相关,又和索引相关,究竟能不能直接告诉我,一个SQL到底加了什么锁!? 我竟无言以对。 好吧,做过简单梳理之后,今天尝试...

张锦飞
20分钟前
2
0
打包 压缩 命令tar zip

打包 压缩 命令tar zip tar语法 #压缩 tar -czvf ***.tar.gz tar -cjvf ***.tar.bz2 #解压缩 tar -xzvf ***.tar.gz tar -xjvf ***.tar.bz2  tar [主选项+辅选项] 文件或目录 主选项是必须要...

linjin200
25分钟前
1
0
使用form表单同时实现上传文件和提交文本数据

使用form表单同时实现上传文件和提交文本数据,此示例中在后台将文件上传到阿里的oss存储服务器中 申请oss相关账号: endpoint = "http://oss-cn-qingdao.aliyuncs.com"; accessKeyId = "key"...

貔貅叔
31分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部