文档章节

前端如何获取多文件上传的所有文件名

L_Lawliet
 L_Lawliet
发布于 2015/04/02 16:21
字数 131
阅读 39
收藏 0
$(function(){
    $('.input-file').change(function(){
        $('#file_msg').text("");
        var filearr = $('.input-file').get(0).files;
        var extStart;
        var ext;
        for(var i=0;i<filearr.length;i++){
            extStart=filearr[i].name.lastIndexOf(".");
            ext=filearr[i].name.substring(extStart,filearr[i].name.length).toUpperCase();
            if(ext!=".PNG"&&ext!=".GIF"&&ext!=".JPG"&&ext!=".JPEG"){
                alert("文件格式错误,请重新选择");
                $('.input-file').attr('value','');
                return false;
            }
            if ($('.input-file').get(0) == '') return false;
            $('#file_msg').append(filearr[i].name+"/");
        }
    });
});

根据文件选择变化触发事件,判断文件名是否正确在页面输出所有要上传的文件名

© 著作权归作者所有

共有 人打赏支持
L_Lawliet
粉丝 1
博文 4
码字总数 131
作品 0
厦门
私信 提问
如何手写一款KOA的中间件来实现断点续传

本文实现的断点续传只是我对断点续传的一个理解。其中有很多不完善的地方,仅仅是记录了一个我对断点续传一个实现过程。大家应该也会发现我用的都是一些H5的api,老得浏览器不会支持,以及我...

cherryvenus
2018/09/03
0
0
PHP大文件分片上传的实现方法

一、前言 在网站开发中,经常会有上传文件的需求,有的文件size太大直接上传,经常会导致上传过程中耗时太久,大量占用带宽资源,因此有了分片上传。 分片上传主要是前端将一个较大的文件分成...

kaixin_code
2018/10/29
0
0
Java实现把图片上传到图片服务器(nginx+vsftp)

前言: 在我另一篇笔记中已经记载了如何用nginx + vsftp搭建图片服务器(请参考nginx + vsftp搭建图片服务器),并且用vsftp的客户端工具filezilla测试过已经可用。但是在开发中应该是把用户在前...

贪挽懒月
2018/05/30
0
0
文件上传&下载

文件上传: 1.所需要的包: commons-fileupload-1.2.1.jar commons-io-1.4.jar 2.浏览器端: 1>.请求方式必须是 post 2>.需要使用组件<input type="file" name="f"> 3>.表单必须设置encType="......

centrald
2016/03/28
99
0
文件上传组件swfupload

现在,我们在做文件上传的时候,还是需要依托flash技术。因为HTML默认的文件上传域有一些的兼容性问题和局限性。比如,我直接使用 会发现在浏览器里有不同的显示,界面不太友好。另外,这个文...

crazymus
2013/07/27
0
1

没有更多内容

加载失败,请刷新页面

加载更多

vue 对对象的属性进行修改时,不能渲染页面 vue.$set()

我在vue里的方法里给一个对象添加某个属性时,我console.log出来的是已经更改的object ,但是页面始终没有变化 原因如下: **受现代 JavaScript 的限制 (而且 Object.observe 也已经被废弃),...

Js_Mei
44分钟前
0
0
开始看《Java学习笔记》

虽然书买了很久,但一直没看。这其中也写过一些Java程序,但都是基于IDE的帮助和对C#的理解来写的,感觉不踏实。 林信良的书写得蛮好的,能够帮助打好基础,看得出作者是比较用心的。 第1章概...

max佩恩
昨天
12
0
Redux 三大原则

1.单一数据源 在传统的MVC架构中,我们可以根据需要创建无数个Model,而Model之间可以互相监听、触发事件甚至循环或嵌套触发事件,这些在Redux中都是不被允许的。 因为在Redux的思想里,一个...

wenxingjun
昨天
8
0
跟我学Spring Cloud(Finchley版)-12-微服务容错三板斧

至此,我们已实现服务发现、负载均衡,同时,使用Feign也实现了良好的远程调用——我们的代码是可读、可维护的。理论上,我们现在已经能构建一个不错的分布式应用了,但微服务之间是通过网络...

周立_ITMuch
昨天
4
0
XML

学习目标  能够说出XML的作用  能够编写XML文档声明  能够编写符合语法的XML  能够通过DTD约束编写XML文档  能够通过Schema约束编写XML文档  能够通过Dom4j解析XML文档 第1章 xm...

stars永恒
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部