javaｓｃｒｉｐｔ实现输入文件上传预览效果

本文介绍了javaｓｃｒｉｐｔ输入文件上传图片预览效果的详细代码，供大家分享，供大家参考，详情如下

运行效果图：
具体实现代码：
imgbox1。imgbox，。
{
浮点数：左；
右边距：20px；
边距：20px；
职位：相对；
宽度：182px；
身高：142px；
border: 1px solid红；
溢出：隐藏；
}
。imgbox1 { border: 1px solid蓝；
}
imgnum {。
左：0px；
上图：0px；
保证金：0px；
填料：0px；
}
。imgnum输入。imgnum1输入{
位置：绝对；
宽度：182px；
身高：142px；
不透明性：0；
}
。imgnum IMG，imgnum1 img {。
宽度：100%；
身高：100%；
}
关闭，
{。close1
颜色：红色；
位置：绝对；
左：170px；
上图：0px；
显示：无；
}


X

X

X

X

X

X

X

X

X


X

$（函数（）{（））
$（。文件路径），（变化
警报（$（'。imgbox）。长度）；
Var SRCs = getobjecturl（这个文件{ 0 }）； / /访问路径
$（这）。NextAll（。img1）。隐藏（）； / /这是指输入
$（这）。NextAll（。IMG2 ），显示（）； / / Firebug查看第二次改变图片不使用
$（这）。NextAll（关闭），显示（）； / /这是指输入
$（这）。NextAll（。IMG2 ）Attr（src。
美元（这个）。瓦迩（）
$（）。
$（this）
$（这）。NextAll（。IMG2 ）藏（）；
$（这）。NextAll（。img1 ）显示（）；
}）
}）
}）

功能getobjecturl（文件）{
空值；
如果（window.createobjecturl！=未定义的）{
url = window.createobjecturl（文件）
} else if（window.url！=未定义的）{
url = window.url.createobjecturl（文件）
} else if（window.webkiturl！=未定义的）{
url = window.webkiturl.createobjecturl（文件）
}
返回URL
}；
$（函数（）{（））
$（# IMG ），（变化
/ /警报（$（'。imgbox1）。长度）；
Var SRCs = getobjecturl（这个文件{ 0 }）； / /访问路径
警报（SRC）；
这是输入。
/ * $（this）。NextAll（。img22）。Attr（SRC、SRCs）； / /这是指输入
$（这）。NextAll（。img22）。显示（ / / Firebug）；检查第二图片做不起。
无功htmlimg =+
+
+
X+
+
+
+
'；

$（这）。父（母），（），（htmlimg）；
美元（这个）。瓦迩（）
$（这）。父（母）。（）Prev（）Prev（），发现（。img11）。隐藏（）； / /这是指输入
$（这）。父（母）。（）Prev（），发现（'。close1）显示（）；

$（。close1 ），（单击
$（this）
$（这）。NextAll（。img22 ）藏（）；
$（这）。NextAll（。img11 ）显示（）；
如果（$（'。imgbox1）。长> 1）{
$（））父（）。父（）；
}

}）
}）
}）

希望本文能帮助您学习Javaｓｃｒｉｐｔ程序设计。