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"


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

input type=file 实现上传、预览、删除等功能

简单代码 实现input type=file上传、预览、删除等功能。
  • u014359150
  • u014359150
  • 2016年07月23日 13:41
  • 43132

No input file specified解决方案

原因分析: 任何对.php教程文件的请求,都简单地交给php-cgi去处理,但没有验证该php文件是否存在。PHP文件不存在,没办法返回普通的404错误,它返回一个404,并带上一句”No inpu...
  • whohow123
  • whohow123
  • 2014年04月01日 20:11
  • 4163

<input>type='file' 标签选取文件/文件夹

一般网页上传文件大家都会用到这个标签我们可以通过这个标签选取文件,使用js进行文件上传等操作,同时,该标签同时可以选取多个文件但有些时候,进行其他操作的时候,用户需要获得文件夹路径,那么这种写法可以用...
  • u014618300
  • u014618300
  • 2017年08月18日 11:22
  • 2440

input的type=file触发的相关事件

今天突然用到input相关的事件,突然发现自己还没有总结过input相关事件的运行原理。而且我还竟然翻api去了解了,所以,为了记恨自己,就写了相关与input相关的事件运行的过程。添加了一些相关的方...
  • qq_30100043
  • qq_30100043
  • 2017年07月30日 23:08
  • 5659

HTML5 input file类型,accept(文件类型控制)

在上传文件的时候,需要限制指定的文件类型。            accept表示可以上传文件类型,image表示图片,*表示所有支持的格式。 accept可以指定如下信息: ...
  • zhuyangru
  • zhuyangru
  • 2017年04月20日 09:21
  • 5246

【Html】清空Input file数据

清除input file标签中的数据方法。
  • Dongle_74
  • Dongle_74
  • 2017年11月20日 14:30
  • 546

解决PHP5.6版本“No input file specified”的问题

问题描述:使用TP框架做项目时,在启用REWRITE的伪静态功能的时候,首页可以访问,但是访问其它页面的时候,就提示:“No input file specified.” 原因在于使用的PHP5.6...
  • yds303999450
  • yds303999450
  • 2017年09月06日 22:08
  • 4127

input file文件上传

一:浏览器post表单提交 通常的input组件表单提交时,按照form属性提交的其中enctype=”application/x-www-form-urlencoded”是默认值 ...
  • jrdgogo
  • jrdgogo
  • 2016年07月22日 16:40
  • 4889

Input(File)控件

网页中上传文件(type=file)禁止让用户手动输入 常规的Web应用程序中涉及到文件上传的部分都不可避免地会使用到控件,在上传文件的时候通过点击“浏览”按钮,在弹出的文件选择对话框中选择本地要上...
  • sven_xu
  • sven_xu
  • 2015年06月02日 09:17
  • 1092

如何修改input[type="file"]的默认样式

1.首先我们先来看一下input[type=”file”]默认的样子 2.改变input[type=”file”]默认的样子 这里我设置了 opacity: 0;使得 input变得不可见了.c...
  • Dear_Mr
  • Dear_Mr
  • 2017年02月20日 22:06
  • 18205
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:input file
举报原因:
原因补充:

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