日期:2014-05-16 浏览次数:20636 次
<!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