input type file 获得用户选择的一般方法

<script type="text/javascript">
    function ShowExcelFile() {
        var tempName = $("#selectOriginFile_CertificationTemplateSelect").val();
        if (tempName != null && tempName != "") {
            window.open("/home/ReadExcelFile?filename=" + encode(tempName), ‘excel文件显示‘, ‘height=768, width=1024,fullscreen=no, scrollbars=auto‘);
        }
    }
</script>

<div style="width:100%;height:100%; text-align:center; padding-top:300px;">
     请选择原始数据文件:
     <br />
        <input type="file" id="selectOriginFile_CertificationTemplateSelect"  title="选择" />
    <br />

    <h1>显示选择的文件</h1>
    <input type="button" value="显示" onclick="ShowExcelFile() " />
</div>

input type file 获得用户选择的一般方法,布布扣,bubuko.com

时间: 2024-10-21 23:34:06

input type file 获得用户选择的一般方法的相关文章

修改input type=file 标签默认样式的简单方法

<html><head><title></title></head><body><form id="uploadForm"  action="" method="post" enctype="multipart/form-data"><input type="file" name="uploadFile&qu

HTML5学习笔记(2):input type file的特性

一. input type=file与文件上传 本文所说的input type=file指的是type类型是file的input元素,最简HTML代码如下: <input type=file> 但是,为了习惯,我们多写成: <input type="file"> 在HTML5出现之前(XHTML),我们的闭合规则则有些出入: <input type="file" /> 顾名思义,选择文件,并上传文件. 在HTML5还没有出现之前,

&lt;input type=&quot;file&quot;&gt; change事件异常处理办法

问题:最近发现一个奇怪的bug, 那就是在上传图片需要采用input type=file来进行文件选择.由于为了适应美工的UI图,所以是把选择文件的input框隐藏了.然后通过另外一个按钮的点击事件来触发input的选择事件.代码如下: <div style="width:120px;height:120px"> <img src="/image/uploadfile.png" style="width:100%;height:100%&

input type=file 标签禁止让用户手动输入

常规的Web应用程序中涉及到文件上传的部分都不可避免地会使用到<input type="file"/>控件,在上传文件的时候通过点击“浏览”按钮,在弹出的文件选择对话框中选择本地要上传的文件.当然,如果你已经知道要上传的文件的本地路径,也可以复制路径到控件的输入框中(例如要选择的文件的路径特别长).这就存在一个问题,如果你所复制的文件路径根本不存在,那么上传的时候就无法正确获取到文件,而且在javascript中没有判断该控件所选择的文件是否存在的方法,涉及到浏览器的安全性

将html中的&lt;input type=&quot;file&quot; /&gt;(选择文件) 元素隐藏,并通过其它方式触发点击。

file input的默认外观实在不好看,所以我们要搞定它.. 1. 首先,我们把file input放入一个label,并且将这个label显示为一定的宽高,比如显示为(bootstrap)btn的样式; 2. 为此input增加样式,内联或css文件内写都可以:style="left:-9999px;position:absolute;" 3. 在label内增加文本(作为label btn的显示文本),比如下方示例中的span; <label id="realBt

input type=file 选择文件路径获取方法

input file上传按钮选择文件后的value是无法直接获取到的,本文借用js方法获取file选中文件的物理路径和文件名 代码如下: DOM结构: <input type="text" id="textfield" /><br/> <a class="a-upload"> <input type="file" name="file" id="fileF

隐藏&lt;input type=&quot;file&quot;&gt; 实现点击div或图片打开文件选择路径

HTML: <input type="file" style="display:none" id="addfile-btn"> <div onclick="addfile()">点击上传图片</div> JS: <script> function addfile() { document.getElementById("addfile-btn").click(

HTML input type=file文件选择表单的汇总(一)

HTML input type=file 在onchange上传文件的过程中,遇到同一个文件二次上传无效的问题. 最近在做项目过程中,遇到同一文件上传的时候,二次上传没有效果,找了资料,找到了原因: 现解释如下: input[type=file]使用的是onchange去做,onchange监听的为input的value值,只有再内容发生改变的时候去触发,而value在上传文件的时候保存的是文件的内容,你只需要在上传成功的回调里面,将当前input的value值置空即可:    event.ta

js 获取input type=&quot;file&quot; 选择的文件大小、文件名称、上次修改时间、类型等信息

<html xmlns="http://www.w3.org/1999/xhtml">   <head runat="server">   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   <title></title>   </head>   <body&