日期:2014-05-16 浏览次数:20553 次
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <!-- 生成缩略图 开始--> <script language="javascript" type="text/javascript"> var allowExt = ['jpg', 'gif', 'bmp', 'png', 'jpeg']; var preivew = function(file, container){ try{ var pic = new Picture(file, container); }catch(e){alert(e);} } var Picture = function(file, container){ var height = 0,widht = 0, ext = '',size = 0,name = '',path = ''; var self = this; if(file){ name = file.value; if (window.navigator.userAgent.indexOf("MSIE")>=1){ file.select(); path = document.selection.createRange().text; }else if(window.navigator.userAgent.indexOf("Firefox")>=1){ if(file.files){ path = file.files.item(0).getAsDataURL(); }else{ path = file.value; } } }else{ throw "bad file"; } ext = name.substr(name.lastIndexOf("."), name.length); //if(container.tagName.toLowerCase() != 'img'){ // throw "container is not a valid img label"; // container.visibility = 'hidden'; //} container.src = path; container.alt = name; container.style.visibility = 'visible'; height = container.height; widht = container.widht; size = container.fileSize; this.get = function(name){ return self[name];} this.isValid = function(){ if(allowExt.indexOf(self.ext) !== -1){ throw 'the ext is not allowed to upload'; return false; } } } </script> <!-- 生成缩略图 结束--> <script lanuage="javascript"> var i = 1; function add(){ var table = document.getElementById("tbody"); var tr = document.createElement("tr"); table.appendChild(tr); var td1 = document.createElement("td"); var td2 = document.createElement("td"); tr.appendChild(td1); tr.appendChild(td2); /*var sel = document.createElement("img"); img_id = "img"+i; sel.id = img_id; sel.height="100px"; sel.width="100px"; td2.appendChild(sel);*/ $img_id = "img"+i; td2.innerHTML = "<img id="+$img_id+" style='visibility:hidden' height='100px' width='100px'>"; /*var text = document.createElement("input"); text.type = "file"; var textname = "name"+i; text.name = textname; text.setAttribute = ("onchange","preivew(this, document.getElementById(img_id));"); td1.appendChild(text);*/ var textname = "file"+i; td1.innerHTML="<input type='file' name="+textname+&quo