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);