java或js怎么获取上传后的图片呢？在界面<img src="">要怎么设置呢？谁能帮我看下

JavaScript014

java或js怎么获取上传后的图片呢？在界面<img src="">要怎么设置呢？谁能帮我看下,第1张

上传用本地地址 查看用网络地址

你上传保留的位置在tomcat的项目下。

webapps/文件夹/文件

然后访问的时候用

http://ip:端口/项目名/文件夹/文件

src填这个就行了

$(".imgCla").each(function(i,e){

    alert($(e).attr("src"))

})

你的页面存在问题，img 标签的ID一样。

我看你的代码里面只有img标签使用imgCla

所以选择获取所有 class="imgCla"的标签

给你个简单的例子，很多张图片的话判断是否是新的只能通过文件名了：

<!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>

function yulan()

{

var fileext=document.form1.UpFile.value.substring(document.form1.UpFile.value.lastIndexOf("."),document.form1.UpFile.value.length)

fileext=fileext.toLowerCase()

if ((fileext!='.jpg')&&(fileext!='.gif')&&(fileext!='.jpeg')&&(fileext!='.png')&&(fileext!='.bmp'))

{

alert("对不起，系统仅支持标准格式的照片，请您调整格式后重新上传，谢谢 ！")

document.form1.UpFile.focus()

}

else

{

//alert(''+document.form1.UpFile.value)

document.getElementById("preview").innerHTML="图片预览区<img src='"+document.form1.UpFile.value+"' style='border:6px double #ccc'padding:5px>"

}

}

</script>

<style>

#preview{

border: 1px dashed #F00

width:200px

height:200px

}

</style>

</HEAD>

<BODY>

上传图片前御览

<form name="form1" method="POST" enctype="multipart/form-data">

<input type="file" name="UpFile" size="46" onchange="yulan()">

<div id="preview">图片预览区</div>

</form>

</BODY>

</HTML>