js获取图片路径

JavaScript029

js获取图片路径,第1张

理论是可以的,首先用js取得location,然后在和图片路径相加

想复杂了

其实很简单,你在image元素里面加个onclick事件,这样写

<table><tr>

<td><input type="image" id="expression1" name="expression1" src="1.gif" onClick="soso(this)></td>

<td><input type="image" id="expression2" name="expression2" src="2.gif" onClick="soso(this)></td>

<td><input type="image" id="expression3" name="expression3" src="3.gif" onClick="soso(this)></td>

<td><input type="image" id="expression4" name="expression4" src="4.gif" onClick="soso(this)></td>

<td><input type="image" id="expression5" name="expression5" src="5.gif" onClick="soso(this)></td>

</tr></table>

<div id="abc"></div>

<script language="javascript">

function soso(tt){

document.all("abc").innerHTML="<img Src='"+tt.src+"'>"

}

</script>

________________________________

你是想在abc层某处加上这个表情么?类似在线编辑器?

那么简单的办法就是在abc层里面再加个div或者span,赋予ID,修改soso函数里面的ID名就可以了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>get file input full path</title>

<script language='javascript'>

function getFullPath(obj)

{

if(obj)

{

//ie

if (window.navigator.userAgent.indexOf("MSIE")>=1)

{

obj.select()

return document.selection.createRange().text

}

//firefox

else if(window.navigator.userAgent.indexOf("Firefox")>=1)

{

if(obj.files)

{

return obj.files.item(0).getAsDataURL()

}

return obj.value

}

return obj.value

}

}

</script>

</head>

<body>

<input type="file" onchange="document.getElementById('img').src=getFullPath(this)" />

<img id="img" />

</body>

</html>

firefox7+请使用return window.URL.createObjectURL(obj.files.item(0))来获取地址