Jsp/Servlet:小结图片操作的一些代码-阿里云开发者社区

开发者社区> 科技小先锋> 正文

Jsp/Servlet:小结图片操作的一些代码

简介:
+关注继续查看
1.利用servlet在网页上显示本地图片

示例:将本地硬盘d:\temp\1.gif显示在1.html页面上的指定位置。

Showimage.java

package com.zj.sample;

 

import java.io.FileInputStream;

import java.io.IOException;

import java.io.OutputStream;

import java.io.PrintWriter;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

 

@SuppressWarnings("serial")

public class Showimage extends HttpServlet {

    public void doGet(HttpServletRequest req, HttpServletResponse res)

           throws ServletException, IOException {

       try {

           FileInputStream hFile = new FileInputStream("d:\\temp\\1.gif");// byte流的方式打开文件d:\1.gif

           int i = hFile.available(); // 得到文件大小

           byte data[] = new byte[i];

           hFile.read(data); // 读数据

           hFile.close();

           res.setContentType("image/*"); // 设置返回的文件类型

           OutputStream toClient = res.getOutputStream(); // 得到向客户端输出二进制数据的对象

           toClient.write(data); // 输出数据

           toClient.close();

       catch (IOException e) {// 错误处理

           PrintWriter toClient = res.getWriter(); // 得到向客户端输出文本的对象

           res.setContentType("text/html;charset=gb2312");

           toClient.write("无法打开图片!");

           toClient.close();

       }

    }

}
 
1.html

在想要显示图片的位置加入此语句:

<img src="showimage">
 
web.xml(注册此servlet
<servlet>

    <servlet-name>Showimg</servlet-name>

    <servlet-class>com.zj.sample.Showimage</servlet-class>

</servlet>

<servlet-mapping>

    <servlet-name>Showimg</servlet-name>

    <url-pattern>/showimage</url-pattern>//对应<img src="showimage">

</servlet-mapping>

2.利用JavaScript显示给定网址的图片

javascript

<script>

function change(){

  var str=msgContentImsPicUrl.value;

   document.write('<img src="'+str+'">'); //对应2.htmlname= msgContentImsPicUrl的文本框

}

</script>
 
2.html

<INPUT type=button size=60 value="OK" name=picSubmitUrl

    onclick="change()">

<br>

<input type=text name=msgContentImsPicUrl>
3利用JavaScript实现点击当前图片转换为另一张图片

3.html

(删除"http://blog.51cto.com/viewpic.php?refimg=" +
<img src="http://www.baidu.com/img/logo.gif"

    onclick="this.src='http://www.google.cn/intl/zh-CN/images/logo_cn.gif'"

    title="点我">

<br>

4.利用JavaScript实现在当前页面显示给定址的图片(网页)

show.js

function pic() {

    var myIframe = document.getElementById("myIframe");//对应4.jsp中的id=myIframeiframe

    var aim = url.value; //对应4.jsp中的name=url的文本框

    myIframe.src = aim;

}
 
4.jsp

<html>

<script src="show.js" type="text/javascript"></script>

<body>

    <INPUT maxLength=200 size=30 value=http: // name=url>

    <input type="button" name="Submit" value="ok" onclick="pic()" />

    <br>

    <iframe frameborder="0" style="height: 200px; width: 200px;" src=""

       id="myIframe"></iframe>

</body>

</html>
 

本文转自zhangjunhd51CTO博客,原文链接:http://blog.51cto.com/zhangjunhd/18385,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
编写安全代码——小心有符号数的右移操作(转载)
作者:gfree.wind@gmail.com 博客:blog.focus-linux.net     linuxfocus.
756 0
ASP.Net Core的Code Fist代码先行操作方法
Asp.Net  core的Code Fist(代码先行)主要有以下几步: 1.创建实体类 2.创建数据库上下文 3.填加连接字符串 4.依赖注入 5.添加基架工具并执行初始迁移 6搭建模型的基本架构(更具模型生成网页Page) 首先需要在创建出实体类,此处以微软官方文档中的Movice实体类为例。
1041 0
让SecureCRT终端字体显示颜色的操作
勾选下面红框中的内容就好啦 效果如下
1700 0
【Unity3D 灵巧小知识点】 ☀️ | 使用代码控制 Image图片层级渲染 顺序
Unity 小科普 老规矩,先介绍一下 Unity 的科普小知识: Unity是 实时3D互动内容创作和运营平台 。 包括游戏开发、r美术、建筑、汽车设计、影视在内的所有创作者,借助 Unity 将创意变成现实。 Unity 平台提供一整套完善的软件解决方案,可用于创作、运营和变现任何实时互动的2D和3D内容,支持平台包括手机、平板电脑、PC、游戏主机、增强现实和虚拟现实设备。
15 0
python操作sql server2008 pyodbc
使用Python通过PyODBC连接数据的注意事项 今天使者用PyODBC连接数据库,试了很久才出来,现把一些心得体会和大家分享! 一、PyODBC的下载地址: http://code.google.com/p/pyodbc/ 二、测试语句 import pyodbc cnxn = pyodbc.
903 0
6967
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载