前端如何获取多文件上传的所有文件名
前端如何获取多文件上传的所有文件名
L_Lawliet 发表于3年前
前端如何获取多文件上传的所有文件名
  • 发表于 3年前
  • 阅读 18
  • 收藏 0
  • 点赞 0
  • 评论 0

标题:腾讯云 新注册用户域名抢购1元起>>>   

摘要: 获取多文件名
$(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+"/");
        }
    });
});

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

标签: jquery
共有 人打赏支持
粉丝 1
博文 4
码字总数 131
×
L_Lawliet
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: