input file

原创 2015年11月19日 15:22:33
 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>upload.jsp</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<style type="text/css">
.a-upload {
   padding: 4px 10px;
   height: 20px;
   line-height: 20px;
   position: relative;
   cursor: pointer;
   color: #888;
   background: #fafafa;
   border: 1px solid #ddd;
   border-radius: 4px;
   overflow: hidden;
   display: inline-block;
   *display: inline;
   *zoom: 1;


}

.a-upload  input {
   position: absolute;
   font-size: 100px;
   right: 0;
   top: 0;
   opacity: 0;
   filter: alpha(opacity=0);
   cursor: pointer
}

.a-upload:hover {
   color: #444;
   background: #eee;
   border-color: #ccc;
   text-decoration: none
}
.a-a {
 margin:4px 6px;
 float:left;

}
</style>
<script type="text/javascript">
</script>
  </head>
  
  <body>  
 <form action="/oos/servlet/UploadFile" method="post" enctype="multipart/form-data">
   <div >
       <div class=" a-a">
    <input type="text" id="fileupload">
   </div>
   <div class="a-upload">
    <input type="file" id="fileField" name="fileUpload" onchange="document.getElementById('fileupload').value=this.value;" accept="text/html">浏览..</input></br>
       </div>
        <div >
    <input type="submit" value="提交">
        </div>   
   </div>
    
 </form>
  </body>
</html>


<input type="file" accept="application/msword" ><br><br>accept属性列表<br> 

1.accept="application/msexcel"
2.accept="application/msword"
3.accept="application/pdf"
4.accept="application/poscript"
5.accept="application/rtf"
6.accept="application/x-zip-compressed"
7.accept="audio/basic"
8.accept="audio/x-aiff"
9.accept="audio/x-mpeg"
10.accept="audio/x-pn/realaudio"
11.accept="audio/x-waw"
12.accept="image/gif"
13.accept="image/jpeg"
14.accept="image/tiff"
15.accept="image/x-ms-bmp"
16.accept="image/x-photo-cd"
17.accept="image/x-png"
18.accept="image/x-portablebitmap"
19.accept="image/x-portable-greymap"
20.accept="image/x-portable-pixmap"
21.accept="image/x-rgb"
22.accept="text/html"
23.accept="text/plain"
24.accept="video/quicktime"
25.accept="video/x-mpeg2"
26.accept="video/x-msvideo"


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

js获取 input file 图片立即显示

  • 2014年12月05日 10:20
  • 993B
  • 下载

CSS自定义input file

  • 2014年12月05日 13:46
  • 663B
  • 下载

关于input的file框onchange事件触发一次失效的新的解决方法

转载自:http://blog.csdn.net/wc0077/article/details/42065193 在google了众多方法后,网上有这么几种方法: 1、替换掉原来的inpu...

点击图片触发input是file的事件

  • 2017年07月21日 10:48
  • 16KB
  • 下载

input type=file 如何达到去除输入框效果

输入框中做到去除输入框效果 在我平时修改页面的时候,由于需要用到上传文件这一功能的时候,需要用到 ,但是效果却不尽人意。如下图:         此时显示的按钮部分(选择文件)与文字部分(未选择任何文...

WebView使用input file控件打开相册上传图片

使用 WebView 直接用 控件选择相册图片package com.moguzhuan.android.zhuan;import android.annotation.TargetApi; imp...

css美化input file按钮的方法

  • 2008年12月13日 15:48
  • 1KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:input file
举报原因:
原因补充:

(最多只允许输入30个字)