JSP实现IE9及以上版本HTML5多文件上传兼容

需积分: 32 60 浏览量更新于2024-09-11 收藏 1KB TXT 举报

在本篇关于JSP（JavaServer Pages）的文章中，主要讨论了如何在使用HTML5功能时确保兼容性，特别是针对IE9浏览器的问题。作者的团队在开发一个HTML5多文件上传功能（支持按Ctrl键选择文件）时遇到了问题，即在IE9下无法实现预期的效果。为了解决这个问题，他们采用了JSP技术，并通过添加特定的元标记来调整浏览器的兼容模式。首先，页面设置部分引入了JSP的页面属性，包括页面语言设置为Java，导入了Java集合库，以及设置了页面编码为UTF-8。同时，通过`<%@tagliburi="http://java.sun.com/jsp/jstl/core"prefix="c"%>`标签引入了JSTL核心标签库，以便在页面中方便地使用条件语句和其他功能。 HTML部分，页面声明为HTML5文档类型，但在`<head>`标签内，作者特别添加了两个`<meta>`标签来控制IE浏览器的行为。第一个`<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10">`用于让IE浏览器模仿IE10的行为，尽管目标是IE9。第二个`<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">`则更具体地指定了模仿IE9的行为，这是针对IE9浏览器的兼容性处理。 CSS样式部分没有提供具体内容，但可以推测其可能包含与文件上传相关的样式定义或通用样式。在实际的表单部分，作者创建了一个允许用户上传多个文件的表单，使用`<input type="file" name="img" multiple="">`标签，这是HTML5新增的特性。提交表单的URL指向一个名为`./UploadHServlet`的服务器端处理程序。为了检测浏览器是否支持HTML5，作者在`<script>`标签内的JavaScript代码中，检查了`window.applicationCache`是否存在，如果存在则表示当前浏览器支持HTML5缓存功能，否则提示不支持。总结起来，本文的核心知识点在于如何利用JSP和HTML5特性进行文件上传，并通过调整元标记来确保在IE9浏览器中的兼容性。同时，开发者还使用了HTML5的`multiple`属性以及JavaScript来检测浏览器特性，以提供更好的用户体验。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML>
<html>
<head>

<meta charset="utf-8">
<title>'shangchuan.jsp'</title>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10"/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"/>
<style type="text/css">

</style>
</head>

<body>
${message}

<form action="./UploadHServlet" enctype="multipart/form-data" method="post" >
上传用户：<input type="text" name="username">

上传文件1：<input type="file" name="img" multiple/>

<input type="submit" value="提交">
</form>

</body>

下载后可阅读完整内容，剩余1页未读，立即下载

年好时光

粉丝: 2
资源: 12

JSP实现IE9及以上版本HTML5多文件上传兼容

在线预览PDF(无需任何插件) 支持IE/Firefox/Coogle

jsp浏览器的兼容性

jsp的websocket兼容ie

eWebEditor编辑器JSP版-兼容IE,火狐及360等浏览器

basic.js 解决IE9不兼容的jsp，html中的验证。

eWebEditor编辑器JSP版-兼容IE,火狐及360等浏览器真正可用版

JSP调用ie菜单命令

websocket兼容IE678

兼容IE日期控件

div错位解决IE6IE7IE8样式不兼容问题

最新资源