js判断是否上传文档为图片

1、


//我们得到文件后缀名后,根据后缀即可判断文件的类型(文件格式)。比如我们需要判断一个文件是否是图片格式,首先定义一个判断函数:
function isAssetTypeAnImage(ext) {
 return [
 'png', 'jpg', 'jpeg', 'bmp', 'gif', 'webp', 'psd', 'svg', 'tiff'].
 indexOf(ext.toLowerCase()) !== -1;
}



//然后函数调用判断

//文件路径
var filePath = "file://upload/jb51.png";
//获取最后一个.的位置
var index= filePath.lastIndexOf(".");
//获取后缀
var ext = filePath.substr(index+1);
//判断是否是图片
console.log("该文件是否为图片:" + isAssetTypeAnImage(ext));


2、

// TODO:判断是否图片
            function isAssetTypeAnImage(ext) {
                return [
                'png', 'jpg', 'jpeg', 'bmp', 'gif', 'webp', 'psd', 'svg', 'tiff'].
                indexOf(ext.toLowerCase()) !== -1;
            }
            var imgShowWayArr = []
            //判断是否是图片
            $.each(list, function (index, item) {
                // var $li = $('<li data-httpurl="' + item.httpUrl + '"><span>' + item.fileName + '</span><i class="iconfont icon-jian-yuankuang"></i></li>').appendTo($fileListUl);
                // TODO:附件改为照片
                 //获取后缀
                var ext = item.httpUrl.substr(item.httpUrl.lastIndexOf(".")+1);
                var boo = isAssetTypeAnImage(ext)
                imgShowWayArr.push(boo)
                var $li = 
                imgShowWayArr[index] 
                ?
                $('<li style="height:100px;border-right:1px solid #A5ABB4" data-httpurl="' + item.httpUrl + '">' + '</span><a href="'+item.httpUrl+'" target="_blank"><img class="upload-img" src="'+item.httpUrl+'"/></a><i class="iconfont icon-jian-yuankuang"></i></li>').appendTo($fileListUl)
                :
                $('<li style="height:100px;border-right:1px solid #A5ABB4" data-httpurl="' + item.httpUrl + '">' + '</span><a href="'+item.httpUrl+'" target="_blank"><img class="upload-img" src="../../images/default-img.jpg"/></a><i class="iconfont icon-jian-yuankuang"></i></li>').appendTo($fileListUl)
                // var $li = $('<li style="height:100px;border-right:1px solid #A5ABB4" data-httpurl="' + item.httpUrl + '">' + '</span><a href="'+item.httpUrl+'" target="_blank"><img class="upload-img" src="'+item.httpUrl+'"/></a><i class="iconfont icon-jian-yuankuang"></i></li>').appendTo($fileListUl);

                $li.find('i').css('cursor', 'pointer').click(function (e) {
                    e.stopPropagation();
                    var httpUrl = $(this).parent().data('httpurl');
                    attachmentList = attachmentList.fakeFilter(function (item) {
                        return item.httpUrl !== httpUrl;
                    });
                    renderAttachmentList(attachmentList);
                });
            });

 

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值