`
中华好儿孙
  • 浏览: 68690 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

用js获取input type=file里的文件的引用

阅读更多
<form>  
        <div>  
            <input type="file" name="f" id="f" />  
        </div>  
    </form>  
<script type="text/javascript">  
    function _s() {  
        var f = document.getElementById("f").files;  
        //上次修改时间  
        alert(f[0].lastModifiedDate);  
        //名称  
        alert(f[0].name);  
        //大小 单位: 字节  
        alert(f[0].size);  
        //类型  
        alert(f[0].type);  
    }  
//如果input type=file框没有选中文件, 则document.getElementById("f").files.length为0
</script>  


参考博文:http://www.2cto.com/kf/201310/252484.html
分享到:
评论

相关推荐

    如何将input type=file显示的浏览变成英文的

    1. **隐藏原生的 `&lt;input type="file"&gt;` 元素:** 使用CSS将原生的文件输入框隐藏起来。 ```html &lt;input type="file" name="picpath" id="picpath" style="display:none" onChange="document.formen.path.value=...

    HTML input type=file文件选择表单元素.docx

    在使用 input type=file 文件选择表单元素时,需要注意 enctype 属性的作用。enctype 属性规定了在发送到服务器之前应当如何对表单数据进行编码,默认的编码是 application/x-www-form-urlencoded。但是,对于文件...

    input type=file 显示的浏览 改成英文

    在网页设计中,`&lt;input type="file"&gt;` 是HTML元素的一个重要部分,它用于创建一个文件上传控件。默认情况下,这个控件的文本提示和按钮是根据用户的操作系统语言来显示的,例如,在中文环境下会显示“浏览”或“选择...

    input type=file 调取手机照相机和选择照片上传

    本文将深入探讨如何使用 `input type="file"` 激活手机的照相机功能以及选择图片上传。 首先,`&lt;input type="file"&gt;` 是HTML中的一个表单元素,它的主要作用是让用户选择本地文件。在默认情况下,点击这个元素会...

    vue中使用input[type=”file”]实现文件上传功能

    注意:input[type=file] 标签中的属性accept=application/msword,application/pdf 在pc上正常,但是在手机ios和android上这个文件格式限制会被忽略,所以需要在js中增加格式的判断,以及对应显示样式的设置.(我也是刚...

    js获取 input file 图片立即显示

    "js获取input file 图片立即显示"这个话题就是关于如何利用JavaScript来实现在用户选择图片后即时预览的功能。以下是一个详尽的步骤解释和相关知识点: 1. **HTML 结构**: 首先,我们需要在HTML页面中创建一个`...

    ajaxfileupload.js结合input[type=file]无刷新上传

    本文将详细介绍如何使用`ajaxfileupload.js`这个jQuery插件,结合`input[type=file]`元素,实现无刷新的文件上传功能。 首先,`ajaxfileupload.js`是一个基于jQuery的轻量级插件,它允许开发者通过异步方式发送文件...

    input type=file 及时预览图片

    接下来,我们需要使用JavaScript(通常是jQuery或原生JS)来监听文件选择事件,并读取所选的图片。在用户选择文件后,`change` 事件会被触发。我们可以这样编写JavaScript代码: ```javascript document....

    怎样让input type=file 只读,并能实现文件上传

    ### 如何使 input type=file 只读并实现文件上传 在网页开发中,有时我们需要让用户选择一个文件但不允许他们更改已选择的文件。这通常是为了防止用户在提交表单前临时更改文件,从而确保文件的一致性和安全性。...

    file input 按钮国际化

    文件输入按钮是网页表单中常见的一种元素,用户通常用它来选择本地文件进行上传。默认情况下,这个按钮的文本通常是英文的,如"Choose File"或"Browse"。为了使网站或应用对全球用户友好,我们需要将其文本翻译成...

    js input file多个文件上传功能.zip

    在JavaScript(JS)中,实现一个输入元素`&lt;input type="file"&gt;`的多文件上传功能是一项常见的需求,尤其在Web开发中。这个"js input file多个文件上传功能.zip"包含了一个实现这一功能的代码示例,适用于图片和其他...

    解决webView不支持网页,webViewinput type="file"上传功能

    然而,WebView在处理某些复杂网页功能时可能会遇到限制,比如`input type="file"`的文件上传功能。这个功能在许多网站上用于让用户选择本地文件进行上传,但在默认情况下,Android或iOS的WebView可能无法直接支持。...

    input file选择文件之后自动上传(样式自定义美化)

    通过使用`&lt;input type="file"&gt;`、事件监听和`$.ajaxFileUpload`,我们可以构建出既美观又功能强大的文件上传组件,提升用户的使用体验。同时,对于开发者来说,理解这些技术原理并熟练应用,是提升Web开发技能的重要...

    js 获取、清空input type="file"的值示例代码

    ### JavaScript获取和清空input type="file"值的知识点 #### 1. 获取input type="file"的值 `&lt;input type="file"&gt;`元素允许用户选择一个或多个文件,这些文件的路径将通过其`value`属性返回。然而,需要注意的是,...

    定义input type=file 样式的方法

    这种方法的一个关键点是使用JavaScript来同步`file`控件的值到模拟文本框中,以便用户可以看到他们选择的文件。在示例中,使用了`onchange`事件来实现这一功能。 通过这种方式,我们可以在保持功能的同时,让`input...

    js 获取、清空input type=file的值(示例代码)

    在JavaScript中,`&lt;input type="file"&gt;` 是一种用于让用户选择本地文件的HTML元素。这个控件允许用户从他们的计算机上选取一个或多个文件,然后上传到服务器。然而,出于安全考虑,JavaScript并没有直接提供清空这个...

    Ajax Upload文件上传插件 替代(<input type=”file” />)上传图片

    它通过JavaScript、HTML和Ajax技术,提供了一种用户友好的文件上传体验,可以替代传统的`&lt;input type="file" /&gt;`标签,使得文件上传过程更加流畅且交互性更强。这种技术在Web开发中广泛应用,尤其在社交媒体、图像...

    css input[type=file] 样式美化(input上传文件样式 )

    本教程将详细介绍如何使用CSS对`input[type=file]`进行样式美化,使文件上传按钮更加符合网站的整体风格。 首先,我们来看一个简单的例子。在这个例子中,我们创建了两个不同的样式来展示如何自定义文件上传按钮: ...

    判断多个input type=file是否有已经选择好文件的代码

    在网页表单设计中,`&lt;input type="file"&gt;`元素用于让用户选择本地文件上传到服务器。当有多个这样的输入字段时,有时我们需要确保至少有一个输入框被用户选择了文件。这个场景常见于允许用户上传多份文件的情况。...

Global site tag (gtag.js) - Google Analytics