精华内容
下载资源
问答
  • http://www.huddletogether.com/projects/lightbox2首先去上面的页面看一下特效,能够在web页面实现象acdsee那样的图片浏览的功能,给...lightbox是一个用javascript写的组件,专门在web页面实现图片的浏览。要把他
     
    

    http://www.huddletogether.com/projects/lightbox2

    首先去上面的页面看一下特效,能够在web页面中实现象acdsee那样的图片浏览的功能,给单调的页面增色不少。

    到目前为止,能实现这样的特效,也只有javascript才能做的这么好。

    lightbox是一个用javascript写的组件,专门在web页面中实现图片的浏览。

    要把他加到自己的web应用中,并不是多么复杂的事情,lightbox已经替我们做了大量的工作,只要拿过来用就可以了。

    首先,要把lightbox下载,放到自己的web应用中。和其他要引用的js文件,css文件放在一起就可以。

    但是要注意,css和js中包含所需image图片的路径,最好检查一下,改成自己的绝对路径。

    接下来要做的是要把lightbox引进来,

    <script type="text/javascript" src="/common/script/3rdParty/lightbox2/js/prototype.js"></script>
    <script type="text/javascript" src="/common/script/3rdParty/lightbox2/js/scriptaculous.js?load=effects"></script>
    <script type="text/javascript" src="/common/script/3rdParty/lightbox2/js/lightbox.js"></script>
    <link rel="stylesheet" href="/common/script/3rdParty/lightbox2/css/lightbox.css" type="text/css" media="screen" />

    再接下来要做的就是给图片链接加一个rel属性,比如:

    <a href="xxx" rel="lightbox">xxx</a>

    对了,就是这么简单。

    最需要注意的事项,就是lightbox自己图片的路径,以及引用的lightbox的路径,只要路径对,一般不会出现问题。

    我在用的时候,遇到一个问题,我的图片不是用静态html代码写的,动态生成,所以lightbox捕捉不到image list。解决办法就是,在动态加载图片后,调用Lightbox.prototype.updateImageList()方法,这样就没有问题了。

    http://www.huddletogether.com/projects/lightbox2页面上就有简单的使用帮助。

    展开全文
  • 想问一下,要实现网页上点击图片,可以对图片编辑,添加水印这个功能,用什么控件
  • Eclipse Web项目 插入背景图片

    千次阅读 2020-06-30 08:51:23
    标题Eclipse Web项目 插入背景图片 将存放图片的文件夹放在WebContend文件夹内: jsp中用CSS时:

    标题在Eclipse中 Web项目 插入背景图片

    将存放图片的文件夹放在WebContend文件夹内:
    image和index.jsp在同一文件夹下

    在jsp中用CSS时:
    注意斜杠方向

    展开全文
  • 一个网页中添加了一个上传图片的功能,但是上传之后图片是不显示的,eclipse上刷新一下项目,图片才会显示。如果不刷新的话,我们直接看项目下我们指定的上传图片存入的文件夹里面也是没有图片的。很明显就是一...

    在一个网页中添加了一个上传图片的功能,但是上传之后图片是不显示的,在eclipse上刷新一下项目,图片才会显示。如果不刷新的话,我们直接看项目下我们指定的上传图片存入的文件夹里面也是没有图片的。很明显就是一个刷新的问题,搜了半天解决方法大概就是把图片不存到项目下的文件夹里,可以在项目外面单独建一个存图片的文件夹,经过半天的操作这样的确可以实现不刷新项目,就可以看到图片。

    但是很多博客写的并不详细,而且大多数都是通过改变tomcat的conf文件夹下的server.xml实现的,具体就是在里面的host添加一个虚拟路径,大概就是这样

            <!--
    		图片的虚拟路径设置 
    		docBase:图片的真实路径
    		path:在网页中的虚拟路径
    	-->
    	  <Context docBase="E:\project\book\upload" path="/upload" reloadable="true"/>

    但是我的tomcat每次启动都会把这个xml文件重置,可能是版本问题吧。

    这个时候我们可以在eclipse里直接更改tomcat的配置,虚拟地址的‘/’一定要加上。

    这些操作其实也是改变了server.xml文件,不过这样不会在启动的时候重置。

    然后启动tomcat在浏览器中输入:

    http://localhost:8080/upload/07f436209aeb400eaa2867b366b614d7.jpg
    
    upload:你设置的虚拟地址

    这个时候应该是可以看到图片的。

    但是在写jsp文件和上传的时候还是有几个容易出错的地方。

    一、上传文件

    	String fwPath = "/upload/";
    
    这个地方以上要前面后面都加上‘/’。当将图片存在项目中的文件夹下时,只需后面的‘/’即可,
    但是在项目外面的时候必须有前面的‘/’,否则图片路径会多一个项目名,造成无法访问图片。
    package com.wpt.utils;
    
    import java.io.File;
    import java.io.IOException;
    
    import org.springframework.web.multipart.MultipartFile;
    
    public class UploadUtils {
    
    	public static String upload(MultipartFile file) {
    		// 访问位置
    		String fwPath = "/upload/";
    		String filename = null;
    
    		try {
    			// 定义上传的位置
    			String path = "E:\\project\\book\\upload\\";
    			File filePath = new File(path);
    			if (!filePath.exists()) {
    				filePath.mkdir();
    			}
    			// 获取上传文件的真实名称
    			filename = file.getOriginalFilename();
    			// 获取上传文件的后缀名
    			filename = filename.substring(filename.lastIndexOf('.'));
    			// 上传文件新的名称
    			filename = UUIDUtils.getUUID() + filename;
    			path = path + filename;
    			file.transferTo(new File(path));
    		} catch (IllegalStateException e) {
    			// TODO Auto-generated catch block
    			e.printStackTrace();
    		} catch (IOException e) {
    			// TODO Auto-generated catch block
    			e.printStackTrace();
    		}	
    		return fwPath + filename;
    	}
    }
    

    二、jsp文件

    在网页中查看源码应该看到如下地址

    前面必须有 ’/‘ ,此时点击

    如果没有‘/’,点击

    可以看到,如果没有‘/’,图片路径会自动添加一个项目名,此时是找不到图片的。

     

     

     

    展开全文
  • web项目中图片上传

    千次阅读 2016-11-28 14:48:32
    我所想实现的是,后台页面上传图片,存放路径到数据库,而前台页面通过数据库可以查到,然后页面显示,而上传的图片要保存到我项目所建的文件夹内
    最近一直在做一个项目,但是有好多的东西都是第一次碰到,上网上查了很多资料,但是由于基础薄弱,只是堪堪了解一点。
    我所想实现的是,在后台页面上传图片,存放路径到数据库中,而前台页面通过数据库可以查到,然后在页面显示,而上传的图片要保存到我在项目中所建的文件夹内,服务器上有临时存放的位置String root = ServletActionContext.getServletContext().getRealPath("/upload");但是服务器清除的时候会把这些上传的文件就给清除了。
    我现在做到的是,通过拷贝临时文件夹内的文件,保存到我所建的文件夹内,在这里记下以防止我遗忘。所用ssi框架,struts2,spring,mybatis,数据库orca,服务器tomcat。
    1,前台页面
    
    <form action="uploads" method="post" enctype="multipart/form-data">
            <input type="file" name="file"> 
            <input type="submit">
        </form>
    发送

    action请求到配置文件struts.xml里寻找

    <action name="uploads" class="net.test.Controllers" method="upload">
                <result name="testUpload" ype="redirect">/file.jsp</result>
            </action>
    public String upload() throws IOException {
            // 得到文件存放的临时路径
            String root = ServletActionContext.getServletContext().getRealPath(
                    "/upload");
            System.out.println("那这个呢" + root);
            InputStream is = new FileInputStream(file);
    
            // 原file文件
            File dest = new File(root, fileFileName);// 服务器的文件
    
            OutputStream os = new FileOutputStream(dest);
            // FileOutputStream fot=new FileOutputStream("D://");
            // while(is.read()>-1){
            // fot.write(b);
            // }
    
            System.out.println("fileFileName: " + fileFileName);
    
            // 因为file是存放在临时文件夹的文件,我们可以将其文件名和文件路径打印出来,看和之前的fileFileName是否相同
            System.out.println("file: " + file.getName());
            System.out.println("file: " + file.getPath());
    
            byte[] buffer = new byte[500];
            int length = 0;
    
            while (-1 != (length = is.read(buffer, 0, buffer.length))) {
                os.write(buffer);
            }
            os.close();
            is.close();
    
            // 通过JVM读取java.io.tmpdir属性取得临时文件夹
            // File targetDir = new File(System.getProperty("java.io.tmpdir"));
    
            String root1 = this.getClass().getClassLoader().getResource("")
                    .getPath();
            System.out.println("打印这个" + root1);
    
            // 获得文件路径
            String fileuil = "D://yzg_new//youtuWeb//WebContent//upload";
            haha = fileuil + fileFileName;
    
            // 拷贝文件(a,b)a到b
             FileUtils.copyFileToDirectory(dest, new File(fileuil));// 完成了文件的拷贝工作
    
            // String file_real_path= ServletContext.getRealPath("mypath/filename");
            return "testUpload";
    
        }

    在项目中新建upload文件夹,上传成功后刷新一下文件就会发现文件出现在目录里。
    然后问题出现了,我放进数据库里因该是什么路径呢?那前台显示的呢?有经验的朋友看到的话,不妨给我讲一下,麻烦了。如果不懂得朋友有什么新收获,一块来研究一下吧。

    展开全文
  • java web项目如何插入背景图片

    万次阅读 2018-11-12 20:12:59
    对于java可视化界面插入背景图片这个倒是轻而易举,只需要background-inage:url(图片路径就行),而对于与web项目,我开始时也是采用这种方法,但是不尽然,代码如下: &lt;div class='ban' style="...
  • 下文给大家介绍基于编译器idea以及tomcat服务器开发的,对Java web开发加载图片路径的两种方式感兴趣的朋友一起看看吧
  • 用ireport设计表报在web中图片不显示如何解决! 1、 先用ireport把报表设计好,对应为了解决图片显示,所以需要一些简单处理方式。 第一、parameters中添加参数,作为图片要传的url地址,我这里命名为:leaf_...
  • web-页面body添加背景图片

    万次阅读 2019-01-26 14:22:50
    页面body添加背景图片 背景图片存在static文件夹 1、设置setting.py文件夹。 STATIC_URL = '/static/' ...2、html文件,加载static文件夹,加入第一行就好了。 {% load staticfiles %} &lt;!DO...
  • web前端——添加、显示表情图片
  • web前端需要实现可以载入一张图片, 然后可以向图片中自定的某个位置添加不同种类的标签或者按钮。 想了很久差了不少完全不知道该怎么办,请各位大佬指点。
  • 详细阐述Web开发图片上传问题

    千次阅读 2015-01-15 19:55:20
    Web开发图片上传是一种极其常见的功能。但是呢,每次做上传,都花费了不少时间。 一个“小功能”花费我这么多时间,真心不愉快。 So,要得认真分析下原因。1.最初学习Java Web开发的时候,经验不足,属于...
  • web中图片(img/background)操作

    千次阅读 2018-12-01 15:50:45
    web图片的格式(大部分格式) 图片格式 压缩方式 透明度 动 画 适应场景 jpg 有损压缩 不支持 不支持 照片|文章配图|广告图 png 无损压缩 支持 不支持 透明图|图标...
  • java web项目读取本地图片

    千次阅读 2018-04-16 23:41:41
    java web项目读取本地图片标签: java web tomcat2017年10月13日 15:30:522258人阅读 评论(2) 收藏 举报 分类:环境配置(3) 项目(19) js(10) 项目,因为业务需要,用户上传的图片存放...
  • 本文包含附本: 379_811_HtmlToPic.rar 目前发现的方法,都是通过:创建一个winform程序,然后在web层调用这个程序从而生成图片。...调用方法:(将HtmlToPic.exe copy 到你要调用的目录下)在web加入以下方法:将会
  • 移动web异步上传图片

    千次阅读 2016-04-03 15:17:14
    ajax-upload-image.mobile简介进行移动web开发时,图片上传功能基本都会使用到。
  • web项目中图片引用的一些问题解决

    千次阅读 2016-12-09 11:55:55
    1.一般我们是webContent目录下创建一个images的文件夹来保存我们的图片素材, 2.webContent目录下的文件目录,我们称为一级目录,一级目录下的称为二级目录 3.如果你的需要引用图片的html文件正是二级目录下的...
  • JSP中添加图片

    万次阅读 2016-05-26 19:41:43
    1. 将图片放在与web下,可再加个文件夹,比如我这里是web\icon\图片 2. jsp的代码这样引用 /> (其中urls[0]只是刚好我定义的一个字符串组,没什么关系) 3. 运行服务器,结果如下: 方法二:(网络上的...
  • Eclipse web工程图片引用

    千次阅读 2014-12-05 21:42:00
    Eclipse web工程图片引用
  • web图片优化

    千次阅读 2010-05-31 16:28:00
    使用YSlow 的Smush.it 工具,对web站点的图片进行优化。
  • web中html+CSS修改背景图片的不透明度

    千次阅读 2020-05-04 21:37:15
    在web的开发,要增加一张背景图片,但是图片不透明度太高看着很不舒服,所以有必要降低图片不透明度。但是body增加一张背景图片后,不能直接的修改图片不透明度。用div包裹body内容修改的不透明度是整一个div...
  • web个人图片管理系统

    2010-05-06 18:47:12
    基于web图片管理系统支持批量上传,添加网络图片,自成生缩略,水印图等,图片文件夹管理...
  • 最近项目需要用到在线编辑器,查找了相关资料,决定使用UEditor,整理了一下项目中加入UEditor的步骤。 步骤如下: 一、官网上下载完整源码包,解压到任意目录  _examples:编辑器完整版的示例页面  _...
  • 前端界面有video组件可以直接播放下载到的视频,也可以通过video.js来显示rtmp等流媒体,实现实时画面的效果。当我们为了保证实时的效果,将实时视频进行一帧一帧的检测之后,再合成视频,然后前端显示,当...
  • Unity向Web服务器上传和下载图片

    千次阅读 2019-11-13 01:48:18
    如果本片有看不懂的请查看我上篇文章:Unity与Web服务器Post,...1.Unity创建一个RawImage并在WebManager.cs脚本中添加一个Texture2D属性用于保存图片信息、一个String属性存取本地加载的图片地址、一个RawIma...
  • web网页直接嵌入图片

    千次阅读 2013-04-17 21:58:33
    大家可能注意到了,网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如: “data:image/png;base64,iV BORw0KGgoAAAANSUhEUgAAAAEAAA AkCAYAAABIdFAMAAAAGXRFWHRTb2Z 0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccl...
  • web前端图片极限优化策略

    千次阅读 2016-01-22 11:03:24
    随着web的发展,网站资源...一、现有web图片格式 我们先来看下现在常用的web图片的格式: 图片格式 支持透明 动画支持 压缩方式 浏览器支持 相对原图大小 适应场景 b
  • jsp页面中添加图片

    千次阅读 2019-01-14 12:06:40
    首先tomcat创建图片虚拟目录,用来存储图片 方法一: 选择Deployment,点击右边的加号,选择一个本地磁盘的图片文件夹 下面application context处编辑虚拟文件目录,图片虚拟目录就创建好了 jsp页面...
  • SharePoint 2010 缩略图 Web Part Web 部件,本WebPart以缩略图布局显示来自SharePoint图片库的图片

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 334,311
精华内容 133,724
关键字:

如何在web中添加图片