2、image/cis-cod

3、im

4、age/gif

5、image/ief

6、image/jpeg

7、image/jpeg

8、image/jpeg

9、image/pipeg

10、image/png

11、image/svg+xml

12、image/tiff

13、image/x-cmu-raster

14、image/x-cmx

15、image/x-icon

16、image/x-portable-anymap

17、image/x-portable-bitmap

18、image/x-portable-graymap

19、image/x-portable-pixmap

20、image

21、/x-rgb

22、image/x-xbitmap

23、image/x-xpixmap

24、image/x-xwindowdump)$/i;varaFiles=document.getElementById("imageInput").files;if(aFiles.length===0){return;}if(!imageType.test(aFiles[0].type)){alert("Youmustselectavalidimagefile!");return;}for(vari=0;i

25、e=files[i];//varimageType=/^(?:image/bmp

26、image/cis-cod

27、image/gif

28、image/ief

29、image/jpeg

30、image/jpeg

31、image/jpeg

32、image/pipeg

33、image/png

34、image/svg+xml

35、image/tiff

36、image/x-cmu-raster

37、image/x-cmx

38、image/x-icon

39、image/x-portable-anymap

40、image/x-portable-bitmap

41、i

42、mage/x-portable-graymap

43、image/x-portable-pixmap

44、image/x-rgb

45、image/x-xbitmap

46、image/x-xpixmap

47、image/x-xwindowdump)$/i;/*if(!file.type.match(imageType)){alert("Youmustselectavalidimagefile!");return;}*/varpreview=document.getElementById("imagePreview");varimg=doc

48、ument.createElement("img");vara=document.createElement("a");a.style.cssText="width:100px;height:100px;";a.classList.add("obja");img.classList.add("obj");img.file=file;a.appendChild(img)preview.appendChild(a);varreader=newFileReader();reader.onload=(function(aImg){returnfunc

49、tion(e){aImg.src=e.target.result;};})(img);reader.readAsDataURL(file);}}#imagePreview{width:500px;height:300px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);background:gray;overflow-y:auto;}#imagePreview.obja{fl

50、oat:left;cursor:pointer;line-height:100px;text-align:center;margin:5px;}#imagePrev