在各个浏览器里测试关于图片上传页的情况，都有图了，对比一下

先看看我们之前修改过的这个解决方案：

1. var aid = 1;
   
2. var attachexts = new Array();
   
3. var attachwh = new Array();
   
4. var insertType = 1;
   
5. var thumbwidth = parseInt(60);
   
6. var thumbheight = parseInt(60);
   
7. var extensions = 'jpg,gif,png';
   
8. var forms;
   
9. var nowUid = 0;
   
10. var albumid = 0;
    
11. var uploadStat = 0;
    
12. var picid = 0;
    
13. var upid = 0;
    
14. var mainForm;
    
15. var successState = false;
    
16. var lang = new Array();
    
17. var ieVersion = userAgent.substr(userAgent.indexOf('msie') + 5, 3);
    
18. lang['post_attachment_ext_notallowed']        = '对不起，不支持上传此类扩展名的文件。';
    
19. lang['post_attachment_deletelink']        = '删除';
    
20. lang['post_attachment_insert']                = '点击这里插入内容中当前光标的位置';
    
21. lang['post_attachment_insertlink']        = '插入';
    
22. lang['need_ie'] = '对不起，请在IE浏览器下面使用本功能';
    
23. lang['post_size_nofix_width'] = '对不起，图片的宽度不能小于200像素';
    
24. lang['post_size_nofix_height'] = '对不起，图片的高度不能小于200像素';
    
25. 
    
26. function delAttach(id) {
    
27.         $('attachbody').removeChild($('attach_' + id).parentNode.parentNode.parentNode);
    
28.         if($('attachbody').innerHTML == '') {
    
29.                 addAttach();
    
30.         }
    
31.         $('localimgpreview_' + id + '_menu') ? document.body.removeChild($('localimgpreview_' + id + '_menu')) : null;
    
32. }
    
33. 
    
34. function addAttach() {
    
35.         newnode = $('attachbodyhidden').rows[0].cloneNode(true);
    
36.         var id = aid;
    
37.         var tags;
    
38.         tags = newnode.getElementsByTagName('form');
    
39.         for(i in tags) {
    
40.                 if(tags.id == 'upload') {
    
41.                         tags.id = 'upload_' + id;
    
42.                 }
    
43.         }
    
44.         tags = newnode.getElementsByTagName('input');
    
45.         for(i in tags) {
    
46.                 if(tags.name == 'attach') {
    
47.                         tags.id = 'attach_' + id;
    
48.                         tags.name = 'attach';
    
49.                         tags.onchange = function() {insertAttach(id),picshow(this,id)};
    
50.                         tags.unselectable = 'on';
    
51.                 }
    
52.                 if(tags.id == 'albumid') {
    
53.                         tags.id = 'albumid_' + id;
    
54.                 }
    
55.         }
    
56.         tags = newnode.getElementsByTagName('span');
    
57.         for(i in tags) {
    
58.                 if(tags.id == 'localfile') {
    
59.                         tags.id = 'localfile_' + id;
    
60.                 }
    
61.         }
    
62.         aid++;
    
63.         $('attachbody').appendChild(newnode);
    
64. }
    
65. 
    
66. addAttach();
    
67. 
    
68. function prepice(s){
    
69.         $('img_hidden').filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = s;
    
70.         imgwidth = $('img_hidden').offsetWidth;
    
71.         imgheight = $('img_hidden').offsetHeight;
    
72.         if(imgwidth < 200) {
    
73.                 alert(lang['post_size_nofix_width']);
    
74.                 retur;
    
75.         }else if(imgheight < 200){
    
76.                 alert(lang['post_size_nofix_height']);
    
77.                 die();
    
78.         }
    
79. }
    
80. 
    
81. function picshow(imgFile,id)
    
82. {
    
83.         //新的预览代码，支持 IE6、IE7。
    
84.     var newPreview = document.getElementById("newPreview"+id);
    
85.     newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
    
86.     newPreview.style.width = "85px";
    
87.     newPreview.style.height = "74px";
    
88.     newPreview.style.border = "2px solid green";
    
89. }
    
90. 
    
91. function insertAttach(id) {
    
92.         var localimgpreview = '';
    
93.         var path = $('attach_' + id).value;
    
94.         var ext = getExt(path);
    
95.         var re = new RegExp("(^|\\s|,)" + ext + "($|\\s|,)", "ig");
    
96.         var localfile = $('attach_' + id).value.substr($('attach_' + id).value.replace(/\\/g, '/').lastIndexOf('/') + 1);
    
97.         if(path == '') {
    
98.                 return;
    
99.         }
    
100.         prepice(path);
     
101. //        alert('012eedddee');
     
102.         var extensionss = 'jpg,gif,png';
     
103.         if(extensionss != '' && (re.exec(extensionss) == null || ext == '')) {
     
104.                 alert(lang['post_attachment_ext_notallowed']);
     
105.                 return;
     
106.         }
     
107. 
     
108.         attachexts[id] = inArray(ext, ['gif', 'jpg', 'png']) ? 2 : 1;
     
109. 
     
110.         var $inhtml = '<table cellspacing="2" cellpadding="2">';
     
111.         if(is_ie && ieVersion < 7.0) {
     
112.                 $inhtml += '<tr><td><img src="' + $('attach_' + id).value+'" style="border:2px solid green" width="85" height="74"></td>';
     
113.         } else {
     
114.                 $inhtml += '<tr><td><div id="newPreview'+ id +'" style="width:60px;height:80px;filter:progidXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);"></div></td>';
     
115.         }
     
116.         $inhtml += '<td><span id="showmsg'+ id +'" style="float:right;"><a href="javascript:;" onclick="delAttach('+ id +')">[' + lang['post_attachment_deletelink'] + ']</a></span>图片描述:<br/><textarea name="pic_title" id="pic_title" cols="40" style="width:365px;" rows="3"></textarea><br><input '+ hiddsa +' id="ptypea'+ id +'" name="ptype" value="48"><font '+ hidda +'><label for="ptypea'+ id +'">房型图 </label></font><input '+ hiddsb +' id="ptypeb'+ id +'" name="ptype" value="59"><font '+ hiddb +'><label for="ptypeb'+ id +'">室内照片 </label></font><input '+ hiddsc +' id="ptypec'+ id +'" name="ptype" value="11" checked><font '+ hiddc +'><label for="ptypec'+ id +'">外观景观 </label></font><input '+ hiddsd +' id="ptyped'+ id +'" name="ptype" value="10"><font '+ hiddd +'><label for="ptyped'+ id +'">会所照片 </label></font><input '+ hiddse +' id="ptypee'+ id +'" name="ptype" value="49"><font '+ hidde +'><label for="ptypee'+ id +'">样板房 </label></font>'+ hiddsf + hiddsg;
     
117.         $inhtml += '</td><td><input type="hidden" name="allowpic" value="1"></td></tr></table>';
     
118.         
     
119.         $('localfile_' + id).innerHTML = $inhtml;
     
120.         $('attach_' + id).style.display = 'none';
     
121.         
     
122.         addAttach();
     
123.         $('postbox').scrollTop = $('postbox').scrollHeight;  
     
124. }
     
125. 
     
126. function inArray(needle, haystack) {
     
127.         if(typeof needle == 'string') {
     
128.                 for(var i in haystack) {
     
129.                         if(haystack == needle) {
     
130.                                         return true;
     
131.                         }
     
132.                 }
     
133.         }
     
134.         return false;
     
135. }
     
136. 
     
137. function insertAttachimgTag(id) {
     
138.         if(insertType == 0) {
     
139.                 insertImage(id);
     
140.         } else if(is_ie) {
     
141.                 edit_insert('<img id="_uchome_localimg_' + id + '" src="' + $('attach_' + id).value + '">');
     
142.         } else {
     
143.                 alert(lang['need_ie']);
     
144.         }
     
145. }
     
146. 
     
147. function uploadSubmit(obj) {
     
148.         obj.disabled = true;
     
149.         mainForm = obj.form;
     
150.         forms = $('attachbody').getElementsByTagName("FORM");
     
151.         albumid = $('uploadalbum').value;
     
152.         upload();
     
153. }
     
154. 
     
155. //上传页面
     
156. function start_upload() {
     
157.         $('btnupload').disabled = true;
     
158.         mainForm = $('albumresultform');
     
159.         forms = $('attachbody').getElementsByTagName("FORM");
     
160.         upload();
     
161. }
     
162. 
     
163. function upload() {
     
164.         if(typeof(forms[nowUid]) == 'undefined') return false;
     
165.         var nid = forms[nowUid].id.split('_');
     
166.         nid = nid[1];
     
167.         if(nowUid>0) {
     
168.                 var upobj = $('showmsg'+upid);
     
169.                 //alert(nowUid);
     
170.                 if(uploadStat==1) {
     
171.                         upobj.innerHTML = '<font color="green">上传成功</font>';
     
172.                         successState = true;
     
173.                         var InputNode;
     
174.                         //两种生成方式，解决浏览器之间的兼容性问题
     
175.                         try {
     
176.                                 //IE模式下的创建方式,解决常规setAttribute设置属性带来的一些未知的错误
     
177.                                 var InputNode = document.createElement("<input type="hidden" id="picid_" + picid + "" value=""+ upid +"" name="picids["+picid+"]">");
     
178.                         } catch(e) {
     
179.                                 //非IE模式则须要用下列的常规setAttribute设置属性，否则生成的结果不能正常初始化
     
180.                                 var InputNode = document.createElement("input");
     
181.                                 InputNode.setAttribute("name", "picids["+picid+"]");
     
182.                                 InputNode.setAttribute("type", "hidden");
     
183.                                 InputNode.setAttribute("id", "picid_" + picid);
     
184.                                 InputNode.setAttribute("value", upid);
     
185.                         }
     
186.                         mainForm.appendChild(InputNode);
     
187. 
     
188.                 } else {
     
189.                         upobj.style.color = "#f00";
     
190.                         upobj.style.fontweight = "bold";
     
191.                         upobj.innerHTML = '上传失败:'+uploadStat;
     
192.                 }
     
193.         }
     
194. 
     
195.         if($('showmsg'+nid) != null) {
     
196.                 $('showmsg'+nid).innerHTML = '上传中，请等待...';
     
197.                 $('albumid_'+nid).value = albumid;
     
198.                 forms[nowUid].submit();
     
199.         } else if(nowUid+1 == forms.length) {
     
200.                 if(typeof (no_insert) != 'undefined') {
     
201.                         var albumidcheck = parseInt(parent.albumid);
     
202.                         $('opalbumid').value = isNaN(albumidcheck)? 0 : albumid;
     
203.                         if(!successState) return false;
     
204.                 }
     
205.                 showstopic();
     
206.         }
     
207.         
     
208.         upid = nid;
     
209.         nowUid++;
     
210.         uploadStat = 0;
     
211. }
     
212. 
     
213. /**
     
214.          * 无刷新定义
     
215.          * author Minko
     
216.         */
     
217.         function Get_AJAX(){var ajax=false;try{ajax=new ActiveXObject("Msxml2.XMLHTTP");}catch(e){try{ajax=new ActiveXObject("Microsoft.XMLHTTP");}catch(E){ajax=false;}}if(!ajax && typeof XMLHttpRequest != 'undefined'){ajax=new XMLHttpRequest();}return ajax;}function loadXMLDoc(data){var xmlDoc;if(window.ActiveXObject){xmlDoc=new ActiveXObject("Microsoft.XMLDOM");}else if (document.implementation && document.implementation.createDocument){xmlDoc=document.implementation.createDocument("","",null);}else{alert('Your browser cannot handle this script');}xmlDoc.async=false;xmlDoc.preserveWhiteSpace= true;xmlDoc.load(data)||xmlDoc.loadXML(data);return xmlDoc;}
     
218.         
     
219.         var minko=null;
     
220.         var ajax = Get_AJAX(); //  定义无刷新
     
221.         function showstopic(){
     
222.                 ajax.open("GET","storeselect_ajax.php?uid="+uidm+'&hotmid=' + mid + '&maxtime=' + maxtime,true);
     
223.                 ajax.onreadystatechange =function(){doResponsee () };
     
224.                 ajax.send(null);
     
225.         }
     
226. 
     
227.         function doResponsee(){
     
228.                 if(ajax.readyState == 4){
     
229.                         if(ajax.status == 200){               
     
230.                                 var ResponseDOM = ajax.responseText;                                
     
231.                                 minko = ResponseDOM;
     
232.                                 $(showpicsid).innerHTML = minko;
     
233.                         }
     
234.                 }
     
235.         }
     

复制代码

在各个浏览器里测试关于图片上传页的情况，都有图了，对比一下
这个页面里的(左侧的上传链接) http://u.discuz.net/home/cp.php?ac=upload

IE6 图片上传页，完全正常                                      


IE7 图片上传页，没有图片预览，两张图片以上浏览按钮循环出现                                                      


IE8 图片上传页，没有图片预览，两张图片以上浏览按钮没有循环出现                                                



火狐3.5 图片上传页，没有图片预览，两张图片以上浏览按钮没有循环出现                              


谷歌 图片上传页，没有图片预览，两张图片以上浏览按钮没有循环出现，但是跟其他浏览器有点不一样                                   


safari 图片上传页，没有图片预览，两张图片以上浏览按钮没有循环出现，但是跟其他浏览器有点不一样                          


opera 图片上传页，没有图片预览，两张图片以上浏览按钮没有循环出现