diff --git a/多图片上传.html b/多图片上传.html index 8e20221..96761cf 100644 --- a/多图片上传.html +++ b/多图片上传.html @@ -5,13 +5,15 @@ var i = 0; // 用来动态生成span,upfile的id function addAttachmentToList() { if (findAttachment(event.srcElement.value)) return; //如果此文档已在图片列表中则不再添加 - - // 动态创建图片信息栏并添加到图片列表中 - var span = document.createElement('span'); - span.id = '_attachment' + i; - span.innerHTML = extractFileName(event.srcElement.value) + ' 删除
'; - span.title = event.srcElement.value; - G('attachmentList').appendChild(span); + if (extractFileName(event.srcElement.value)){ + // 动态创建图片信息栏并添加到图片列表中 + var span = document.createElement('span'); + span.id = '_attachment' + i; + span.innerHTML = extractFileName(event.srcElement.value) + ' 删除
'; + span.title = event.srcElement.value; + G('attachmentList').appendChild(span); + } + // 显示图片列表并变换添加图片按钮文本 if (G('attachmentList').style.display == 'none') @@ -34,10 +36,18 @@ function selectAttachment() document.body.insertAdjacentHTML('beforeEnd', upfile); G('_upfile'+i).click(); } - +//判断图片格式 function extractFileName(fn) { - return fn.substr(fn.lastIndexOf('\\')+1); + var index = fn.substr(fn.lastIndexOf('.')).toLowerCase(); + if (index ==".png"||index ==".jpg"||index ==".jpeg"){ + return fn.substr(fn.lastIndexOf('\\')+1); + } + else{ + alert("请上传png或jpg格式的图片!"); + return 0; + } + } function findAttachment(fn) @@ -91,16 +101,9 @@ function clearAttachment() G('btnAdd').value = '添加图片'; G('attachmentList').style.display = 'none'; G('btnClear').style.display = 'none'; - G('total').innerText = '当前选择上传0个图片'; - + G('total').innerText = '当前选择上传0个图片'; } - -function getAttachmentInfo() -{ - // 已知的js获取本地文件大小的三种方式 - -} - + function G(id) { return document.getElementById(id);