fileupload控件上传图片_18.实现网站上选择本地图片并上传至服务器

news/2024/5/20 5:11:24/文章来源:https://blog.csdn.net/weixin_39617470/article/details/110655108

功能介绍:

本地选择照片上传至服务器。

需要引入的 jar 文件:commons-fileupload-1.3.2、commons-io-2.5.jar。

下载链接:

  • commons-fileupload.x.x.jar 文件:http://commons.apache.org/proper/commons-fileupload/
  • commons-io-x.x.jar 文件: http://commons.apache.org/proper/commons-io/ 下载。

将下载好的jar包复制到项目/WebContent/WEB-INF/lib 文件夹下:

6cb03f463441a5f7d0b71acd4c89a1e2.png


实现代码:

fileUpload2.jsp:图片上传的界面页

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link type="text/css" rel="stylesheet" href="../css/fileUpload2.css" />
</head>
<body >
<form action="/JavaEE17ToolDemo/file-upload-servlet" method="post" enctype="multipart/form-data">
<img alt="" id="img1" src="" style="height:300px;width: 200px">
<a class="a-upload"><input type="file" name="file" id="fileField" onchange="document.getElementById('img1').src=document.getElementById('fileField').value">点击这里上传文件
</a>
<br/><input type="submit" value="上传">
</form>
</body>
</html>

fileUpload2.css: css文件

@

FileUploadServlet.java:文件上传处理

package 

UploadMes.jsp:文件传输完成跳转页

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文件上传结果</title>
</head>
<body>
<center><h2>${message }</h2>
</center></body>
</html>

效果图:

abf3e602a96d8dfaf650314ad49734b6.png

27f9256eb6f79785a233589fb4b8b9a2.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_782940.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

seo模拟点击软件_「SEO快排」-SEO快排的核心点是什么?

作为网站的站长或SEO都听说过快排这个关键词&#xff0c;那么你对快排了解多少呢&#xff1f;身为站长超过10年&#xff0c;这一回&#xff0c;SEO小土豆给你解释一下什么是快排关键字&#xff0c;快排的核心点在哪里&#xff1f;单击联系快排公司。关键字快排是什么&#xff1…

我与网站的日常-webshell命令执行

本文比较基础&#xff0c;其中有一个知识点关于php执行系统命令的函数 &#xff0c;我们用最简单的webshell来说说传值问题的影响&#xff0c; 本文作者&#xff1a; i春秋签约作家——屌丝绅士 001前言&#xff1a; 小表弟又来写文章了&#xff0c;这次是一个新的发现&…

防沉迷解除网站php,游戏防沉迷系统名存实亡?

近期有网友反映&#xff0c;玩游戏时&#xff0c;经常碰到疑似未成年玩家&#xff1a;" 听声音就能判断&#xff0c;奶声奶气的。" 随即&#xff0c;一条名为 " 游戏防沉迷名存实亡 " 的话题登上微博热搜。如今&#xff0c;很多游戏厂商都推出了 " 未…

呵呵,今天偶然看到了我最早期的商业网站作品

偶然发现的&#xff0c;呵呵&#xff0c;看html源码&#xff0c;头几行还保留着我的MSN信息呢。^_^感觉很有意思。http://www.atoy-bag.com当是2003年暑假&#xff0c;我认识了一个很好的台湾老大哥&#xff0c;他的厂&#xff08;当时叫汉翔&#xff09;要做网站&#xff0c;呵…

​详解SEO优化中所使用的新浪博客站群

SEO优化的过程中网站的权重是关键词排名不可或缺的因素&#xff0c;为了提升网站的权重SEOer通常会利用第三方平台的高权重为SEO所用&#xff0c;今天给大家讲一个关于新浪博客站群的概念以及具体的操作方法。 顾名思义新浪博客站群分解开来通俗点来说就是新浪博客的集群&#…

网站高并发高性能必不可少的九种核心技术

要建成一个具有高并发高可用的一个网站必不可少的九种核心技术本文转自 探花无情 51CTO博客&#xff0c;原文链接:http://blog.51cto.com/983865387/2045994

阿里云ubuntu新手建站

新买的服务器选择ubuntu或者停止实例之后更换系统盘选择ubuntu之后&#xff0c;打开远程管理&#xff0c;提示login&#xff1a;后面加上用户名&#xff0c;开始为root。然后下面password&#xff1a;后面输入密码 格式化数据盘以及挂载数据盘 执行了上面操作后&#xff0c;运行…

在线音乐网站【04】Part two 功能实现

d.歌曲添加功能的实现 管理员或是被管理员授权的用户可以将自己喜欢的歌曲添加到在线音乐网站的首页排行榜中。如图7.5所示。 图7.5 歌曲添加 通过在ASP.NET页面定义标签中的错误属性&#xff0c;如下代码&#xff1a; Display"Dynamic" ErrorMessage"RequiredF…

配置虚拟网站主机

1 问题 本例要求以案例1的结果为基础&#xff0c;通过httpd网站服务器实现虚拟主机的支持&#xff0c;完成下列任务&#xff1a; 1&#xff09;修改 /etc/hosts 文件&#xff0c;临时解决DNS名称识别问题 在文件尾添加“Web服务器IP地址 tts8.tedu.cn ne.tedu.cn”内容 2&#…

浏览器无法打开网页_IE浏览器无法加载网站时将自动跳转到Edge中打开

目前微软已经将开发重心放在基于 Chromium 的新版 Edge 浏览器上&#xff0c;而传统的 Internet Explorer 则逐渐被淘汰。也就是说&#xff0c;如果你当前使用的是 IE 浏览器&#xff0c;那么可以考虑切换到新版 Edge&#xff0c;毕竟后者是当前唯一受到用户欢迎的微软浏览器。…

wordpress page显示未找到页面_wordpress网站模板开发中,怎样创建自定义导航菜单?...

在前面的章节中&#xff0c;我们介绍了wordpress网站模板开发中&#xff0c;使用wp_list_pages()和wp_list_categories()这2个函数来创建基于page页面的导航菜单和基于分类目录的导航菜单。但是&#xff0c;这2种方式创建出来的菜单不够灵活&#xff0c;基于页面的导航菜单就添…

wordpress acf字段怎么全站调用_如何给WordPress网站设置CDN:Cloudflare教程

现在的网站动态效果越来越好&#xff0c;内容也越来越丰富。如果你的网站是针对全世界而不仅仅是中国&#xff0c;当世界其他地方的用户访问你的网站时&#xff0c;网站的加载速度可能会很慢。这可能会导致用户放弃访问你的网站。而且现在的网页平均大小是2MB&#xff0c;几乎是…

手机端使用ghelper_中小企业需要建设手机网站吗?三点时代趋势打消您的顾虑...

网络营销的低成本&#xff0c;没有几个企业不看中这种方式&#xff0c;同时也是时代的一种趋势&#xff0c;越来越多的企业建设起属于自己的手机网站&#xff0c;微网站等等&#xff0c;就是为了更好的营销&#xff0c;让潜在的顾客都被挖掘出来&#xff0c;增大企业的价值。但…

ios 微信浏览器 预加载_如何优化网站性能——资源预加载

一、什么是资源预加载当打开一个应用或者网址时&#xff0c;通常会有一个加载资源的进度条&#xff0c;资源加载完成后打开页面。这个过程其实就是资源预加载的一个过程。资源预加载是一种性能优化技术&#xff0c;我们可以使用该技术来预先告知浏览器某些资源可能会当前页面用…

网站管理后台帐号密码暴力破解方法

【导读】 对于网站运行的个人站长而言&#xff0c;最担心的是应如何有效且安全的去管理自己的网站&#xff0c;否则自己辛辛苦苦经营的网站就会被不请自来的不速之客给攻破&#xff0c;轻则站点数据被窃取&#xff0c;重则整个网站都被攻陷&#xff0c;导致无法恢复。 本文主要…

移动端手机网站的怎样优化?方法攻略篇

移动端手机网站的怎样优化&#xff1f;随着移动手机用户的持续增加&#xff0c;移动端手机网站优化将成为SEO人共同面对的一个话题&#xff0c;目前已有不少行业的用户群体逐渐对移动搜索产生了依赖性&#xff0c;要想获得成功&#xff0c;就得提前布局移动端网站优化。 那下面…

利用shell脚本批量提交网站404死链给百度

百度站长平台提供的死链提交工具,可将网站存在的死链(协议死链、404页面)进行提交,可快速删除死链,帮助网站SEO优化。在提交死链的文件中逐个手动填写死链的话太麻烦&#xff0c;工作中我们提倡复杂自动化&#xff0c;所以本文我们一起交流分享Apache服务中通过shell脚本整理网…

阿里云自营建站助力贡茶品牌升级

企业名称&#xff1a;深圳市奶盖贡茶餐饮管理有限公司企业行业&#xff1a;零售行业企业规模&#xff1a;20-50人建站目的&#xff1a;企业官网展示/网站改版网站网址&#xff1a;www.gong-cha.cn建站产品&#xff1a;云企业官网--阿里云市场自营建站产品 四云奶盖贡茶&#xf…

【读书笔记】大型网站的架构演化,发展历程

今天开始读《大型网站技术架构&#xff1a;核心原理与案例分析》&#xff0c;觉得这本书将的全面而又通俗易懂&#xff0c;有兴趣的同学可以看一看。下面对大型网站的架构演化&#xff0c;发展历程做了整理&#xff0c;小伙伴们一起来学习一下。 传统企业应用面对的挑战&…

如何根据关键字搜索网站中的内容_泉州机械企业网站建设,企业OA定制开发

链改(杭州)科技有限公司为您详细解读Fzxdzj泉州机械企业网站建设的相关知识与详情&#xff0c;企业正在网站成立之前要理解一些根本的常识才气够动手工做&#xff0c;要否则两眼一摸黑&#xff0c;没有心理筹办&#xff0c;但是正在网站建立之前应该理解到哪些常识呢&#xff1…