javaWeb如何实现想QQ空间图片预览的效果以及图片批量上传?最好有实例

Python012

javaWeb如何实现想QQ空间图片预览的效果以及图片批量上传?最好有实例,第1张

1:点击自定义。

2:点击右侧的新建模块→点击图片模块。

3:模块名称随便,用一个空格最好,图片地址上输入图片的地址,再点击“更多设置”,只设置图片的宽高度(以图片的大小而定)就可以了,背景、边框选择无,确定保存。

4:用鼠标调整一下图片的大小,让整个图片完全显示。

5:接着点击模块管理→把“互动”以上的模块前面的√全部去掉,然后再把需要显示的模块打√,这样“日志”、“留言”、“个人形象”或“音乐收藏”就显示在大图模块的上面了。确定保存。OK。

使用两种不同的方法实现图片预览功能

Java代码

<BODY>

<script language="javascript">

function ShowImage(path){

document.all.divShow.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = path

}

function test(){

document.all.showimg.src=document.all.file1.value

}

</script>

<INPUT style="Z-INDEX: 101LEFT: 232pxPOSITION: absoluteTOP: 272px" type="file"onchange="ShowImage(this.value)">

<div id="divShow" style="FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image)WIDTH:274pxHEIGHT:100px">

<input type="file" id="file1" onchange="test()"><br/>

<img id="showimg" style="width:200pxheight:200px">

</BODY>