在Servlet中如何设置背景图片

在Servlet中如何设置背景图片,第1张

首先把图片放在WebRoot目录漏做下,不放也可以,但这样更方便取相对路径。在servlet中代码如下:

out.println("<style type = 'text/css'>"宏老)

out.println("<!--body{background-imag:url(xxx.jpg)}-->") out.println("</style>")

纯手机手打,可以参考一下,因为我刚解决这个返绝衡问题。

其实你这个挡也显示图片其实很简单的,

你的需求无非是两个

1.servlet上传文件(孝判蔽图片)

2.点击 浏览 图标,冲戚然后选择图片文件,然后就可以在页面中的某个地方看到图片

是这两个需求么?

首先说第二个吧。

你上传图片之后,就马上触发js函数,内容巧州为

var PicPath = document.getElementById("yourfile").value

document.getElementById("yourDiv").innerHTML="<IMG src="+PicPath+"/>"

OK了

第一个嘛就无所谓说了,不过我还是贴一个代码吧,

public void upLoadFile(HttpServletRequest request, HttpServletResponse response) {

PrintWriter out = null

response.setCharacterEncoding("UTF-8")

//实例化文件工厂

FileItemFactory factory = new DiskFileItemFactory()

//配置上传组件ServletFileUpload

ServletFileUpload upload = new ServletFileUpload(factory)

try {

out = response.getWriter()

//从request得到所有上传域的列表

List<FileItem>list = upload.parseRequest(request)

for (FileItem item : list) {

//isFormField判断一个item类对象封装的是一个普通的表单字段还是文件表单字段。

// 如果item是文件域,则做出如下处理:

if (!item.isFormField()) {

//上传文件域的Name

String fileName = item.getName()

//截取扩展名

int idx = fileName.lastIndexOf(".")

String extension = fileName.substring(idx)

//获取文件名

String name = new Date().getTime() + extension

//得到文件夹的物理路径

String path = this.getServletContext().getRealPath("\\upload")

//创建一个File

File file = new File(path + "\\" + name)

FileOutputStream o = new FileOutputStream(file)

InputStream in = item.getInputStream()

try {

LoadProcessServlet.process = 0

LoadProcessServlet.total = 100

LoadProcessServlet.isEnd = false

LoadProcessServlet.total = item.getSize()

byte b[] = new byte[1024]

int n

while ((n = in.read(b)) != -1) {

LoadProcessServlet.process+=n

o.write(b, 0, n)

System.out.println("实际:"+LoadProcessServlet.process)

}

} catch (Exception e) {

e.printStackTrace()

}finally{

LoadProcessServlet.isEnd = true

}

}

}

} catch (Exception e) {

e.printStackTrace()

}

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11970506.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存