`

图片存储添加展示

阅读更多
1.数据表设计

picture字段使用varchar类型存放,长度可定为100

存放:表中存放相对地址

2.程序实现(需JS配合)

public class ProductUploadAction extends BaseAction {
	private static final long serialVersionUID = 1L;

	private File fileupload;// 附件需要和控件的名称一致
	
	public File getFileupload() {
		return fileupload;
	}

	public void setFileupload(File fileupload) {
		this.fileupload = fileupload;
	}

	/**
	 *上传图片
	 * 
	 * @param request
	 * @param response
	 * @return
	 * @throws Exception
	 */
	@Action(value = "uploadpic", results = { @Result(type = "json") })
	public String uploadPic() throws Exception {
		//ajax 请求上传图片功能
		FileInputStream stream = new FileInputStream(fileupload);
		//fst上传图片截图打水印操作,返回图片路径
		String imgurl = UploadFileUtil.uploadFile(stream, "jpg", "hello");
		ProductAttachVO productAttachVO = new ProductAttachVO();
		logger.info(imgurl);
		String code = "";
		if (StringUtil.isNotBlank(imgurl)) {
			code = "1";
			String imgurlString = Constant.IMGPATH_P0 + imgurl;
			// 获取图片md5
			String imgmd5 = MD5Util.getFileMD5String(imgurlString);
			productAttachVO.setImgmd5(imgmd5);
			productAttachVO.setImgname(imgmd5);
			productAttachVO.setImgurl(imgurl);
			productAttachVO.setImgurlview(imgurlString);
			productAttachVO.setImgtype("jpg");
		}
		JSONObject json = new JSONObject();
		json.put("code", code);// 0成功1失败
		json.put("msg", "成功上传");// 错误信息
		json.put("data", productAttachVO);// 返回数据
		output(json);
		return null;
	}

	/**
	 * 删除图片
	 * 
	 * @param request
	 * @param response
	 * @return
	 * @throws Exception
	 */
	@Action(value = "deletePic", results = { @Result(type = "json") })
	public String deletePic() throws Exception {
		JSONObject json = new JSONObject();
		String imgurl = request.getParameter("imgurl");// 商品ID
		// 删除图片服务器上图片 目前不实现
		// 保存日志
		logger.info(imgurl);
		json.put("code", "1");// 0成功1失败
		json.put("msg", "删除成功");// 错误信息
		json.put("data", "");// 返回数据
		output(json);
		return null;
	}	
	// 封装json
	public void output(JSONObject json) {
		try {
			HttpServletResponse response = getResponse();
			response.setContentType("text/json;charset=UTF-8");
			response.setHeader("Pragma", "No-cache");
			response.setHeader("Cache-Control", "no-cache");
			response.setDateHeader("Expires", 0);
			response.getWriter().write(json.toString());
			response.getWriter().flush();
		} catch (IOException e) {
			e.printStackTrace();
		}
	}	    
}


3.VM中图片信息显示

从表中去除该字段的数值,与资源存放服务器中的地址进行组合,再到页面展示
<img src="$!merchant.organizationCertificate"  width="54" height="54" />

即,假定表中存放
p1/g1/M02/00/02/rB0KDFKPAgu9X0qRAA1rIuRd3Es729xxx.jpg
实际显示时的链接为
http://portto.dhportresource.com/p1/g1/M02/00/02/rB0KDFKPAgu9X0qRAA1rIuRd3Es729xxx.jpg
自动隐藏前部的文件夹路径
p1指小图

4.若图像显示不出来 可以F12找到该图像的链接  在浏览器中显示是否可以显示若不则是路径问题
如http://css.dhportresource.com/amservice/commonaddress/image/bg.gif
分享到:
评论

相关推荐

    图片存储到数据库保存二进制文件,并在DATAGRIDVIEW中显示出来

    以上就是关于"图片存储到数据库保存二进制文件,并在DATAGRIDVIEW中显示出来"这一主题的详细讲解,涵盖了从图片的二进制转换、数据库操作到数据展示等多个关键知识点。在实际项目中,这些技术可以帮助你高效地管理和...

    c#图片存储到数据库中

    在C# WinForm应用开发中,将图片存储到数据库中是一项常见的需求,这通常涉及到BLOB(Binary Large Object)类型字段的使用。BLOB类型字段是数据库系统中用于存储大量二进制数据的地方,比如图像、音频或视频文件。...

    图片存储企业html5模板

    【图片存储企业html5模板】是一款专为图片存储服务设计的网页模板,它利用了现代Web技术HTML5和CSS3,旨在为服务器提供商提供一个专业且具有吸引力的在线展示平台。这款模板以其高效的代码结构、丰富的功能和优雅的...

    vb.net做的图片存储到SQL数据库

    在VB.NET中,将图片存储到SQL数据库是一个常见的任务,主要涉及到BLOB(Binary Large Object)类型的数据处理。本文将详细介绍如何使用VB.NET实现这一功能,以及涉及的关键知识点。 首先,我们需要了解SQL数据库中...

    图片展示系统

    3. 图片存储:使用对象存储服务如AWS S3、阿里云OSS等,提供大容量、高可用的图片存储。 4. 图片处理:利用ImageMagick、sharp等库进行图片转换和优化。 5. 数据库:MySQL、PostgreSQL或NoSQL数据库如MongoDB,用于...

    图片怎么存储到数据库,

    在IT行业中,图片存储到数据库是一项常见的需求,特别是在开发微信小程序、Web应用或者移动应用时。这个过程涉及到图像处理、数据库管理和前端展示等多个技术环节。接下来,我们将详细探讨如何实现这个功能。 首先...

    兼容移动端和PC端的图片滑动切换展示库

    - "H5"是HTML5的简称,它是HTML的最新版本,提供了许多新特性,如离线存储(Service Worker)、多媒体元素(Video/Audio)、Canvas绘图以及Geolocation定位等,这些都可以用来构建更丰富的图片展示功能。...

    图片存储企业html5模板是一款html5+css3实现的服务器提供商网站模板。.zip源码资源下载

    这个模板可以帮助企业在搭建网站时快速创建一个专业的图片存储服务展示平台,通过HTML5和CSS3的优势,提供良好的用户体验和视觉效果。使用者可以根据自己的需求对模板进行定制,包括修改颜色方案、布局、添加或删除...

    flash图片特效制作banner焦点图片3D立体展示效果

    - `focus.xml`:这是用来存储图片信息的XML文件,包括图片URL、顺序、可能的延迟时间等。开发者可以通过修改这个文件来添加或删除图片,调整轮播的顺序。 - `miniportal_v2.fla`:这是Flash的源文件,包含了所有动画...

    宝贝图库V2.0图片网络存储空间管理系统(高仿淘小宝)

    宝贝图库V2.0图片网络存储空间管理系统(高仿淘小宝图片网络存储空间管理系统)使用说明 -----------------V2.0与V1.0的区别------------------ 1.新增一次浏览本地多选文件同时批量上传功能,即多文件上传 2.新增...

    超炫Flash图片展示代码

    在实际应用中,这种超炫的Flash图片展示代码可能适用于在线画廊、产品展示、广告宣传等多种场景,为网站添加活力和吸引力。然而,由于Flash的局限性和安全性问题,开发者现在更多地转向HTML5、CSS3和JavaScript等...

    HTML5图片展示

    在图片展示中,我们可以使用这两个元素来优雅地呈现图片并添加相关的标题或者说明文字。 `&lt;img&gt;`元素在HTML5中也得到了改进,支持了新的属性,如`srcset`和`sizes`,这些属性可以根据用户的设备和屏幕尺寸,自动...

    android多张图片展示效果

    在Android开发中,多张图片的展示效果是一个常见的需求,特别是在社交应用、电商应用或者个人相册类应用中。这个Demo代码着重展示了如何在Android应用中实现用户选择多张图片并进行有效展示的功能。以下是对这个主题...

    图片展示程序ASP源码

    用户上传的图片会被存储在这里,程序会从这个目录读取图片信息并展示在网页上。 5. **lbbs_pic** - 这可能是另一个子目录,可能是程序的一部分,也可能包含与图片展示相关的其他资源或配置文件。 综合以上信息,...

    springboot实现上传图片添加水印

    完成水印添加后,我们需要将处理过的图片存储到服务器的某个位置,并返回一个URL供前端展示图片。 为了展示图片,Spring Boot可以通过配置静态资源路径,使得图片可以直接通过HTTP访问。例如,在`application....

    本科毕业设计,图片存储.zip

    【本科毕业设计——图片存储.zip】是一个典型的与计算机科学与技术相关的本科毕业设计项目,主要关注的是图片的存储管理。这个项目可能涵盖了多个IT领域的知识点,包括但不限于图像处理、数据库管理、文件系统、网络...

    javascript 做的图片展示

    9. ARIA(Accessible Rich Internet Applications):为了提高图片展示的可访问性,JavaScript可以添加ARIA属性和角色,帮助屏幕阅读器理解图片展示的结构和功能。 10. 性能优化:在处理大量图片时,JavaScript应...

    javascript酷炫图片展示

    1. 图片容器初始化:创建一个空数组存储图片元素,然后根据HTML中的图片源动态创建`&lt;img&gt;`元素并添加到容器中。 2. 事件监听:设置滚动事件监听器,当用户滚动到一定位置时加载新的图片。 3. 图片切换逻辑:定义函数...

    ASP.NET与JQuery实现超炫图片展示

    为了实现图片展示,首先,你需要在ASP.NET页面中添加NotesForGally组件,这通常涉及到在.aspx文件中添加控件声明,并在对应的代码-behind文件中初始化和配置组件。然后,设置图片源,可以是静态的图片目录或者动态...

    各种各样的图片展示方案

    10. 图像处理和编辑工具:如Photoshop、GIMP等,用于图片的编辑、裁剪、滤镜效果添加,确保图片质量符合展示需求。 11. 图片上传和管理:在Web应用中,用户可能会上传图片,因此需要处理文件上传、存储、预览和删除...

Global site tag (gtag.js) - Google Analytics