㈠ js获取图片路径
理论是可以的，首先用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名就可以了
㈡ 各位大侠， 怎么用javascript读取xml文件中的image 子节点的路径在html中输出图片
如果XML文件是这样：
<?xml version="1.0" encoding="utf-8"?>
<root>
<title>friend/list</title>
<friends>
<friend>
<state>1</state>
<numAccount>8257301</numAccount>
<nickname>kiki007</nickname>
<signature>what is robot ?</signature>
<headImgUrl>/user/download-head-img</headImgUrl>
<mobile>8257301</mobile>
<email></email>
<updateTime>1293520663000</updateTime>
</friend>
</friends>
</root>
那么你这样读取：
<script language="javascript" type="text/javascript">
function getTestXmlValue(){
var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false;
xmlDoc.load("test.xml");
var nodes = xmlDoc.documentElement.childNodes[1].childNodes[0];
alert(nodes.childNodes[0].text);
}
</script>
㈢ 单击图片，在js里获取图片的地址，并在文本框中显示
1、为图片绑定点击事件
2、在点击事件中使用jQuery获得图片的src属性
3、调用文本框的val()方法，将取到的图片路径显示在文本框中
<html>
<head>
<scripttype="text/javascript"src="js/jquery-1.8.3.min.js"></script>
<scripttype="text/javascript">
$(function(){
//为图片绑定点击事件
$("#tu").click(function(){
//获得图片的src属性
varurl=$(this).prop("src");
//将图片路径赋值到文本框中
$("#txtUrl").val(url);
});
});
</script>
</head>
<body>
<imgid="tu"src="images/friend.jpg"width="800"height="600"/><br/>
<inputtype="text"id="txtUrl"/>
</body>
</html>
㈣ 如何用js怎么获取到图片的相对路径
javascript中img.src属性可以获取到图片的完整路径， 相对路径要通过与相对位置计算得出。计算方法：
先要明确自己的相对位置在哪，这个是需要人为指定的。
核心代码如下：
var res=document.getElementById("img").src;
var root_href='根目录路径';
res=document.getElementById("img").src.replace(root_href,'');
用jquery方法
var res=$("#img").attr("src");
res=res.substring(res.indexOf("根")+2);
更多关于在上传文件的过程得到完整路径的方法请参考如下:
file.select();
var res=document.selection.createRange().text;
var res=file.files.item(0).getAsDataURL();
var res=file.value
㈤ 如何通过JS获取用户本地图片路径
<!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/html; charset=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));来获取地址
㈥ ext怎么从数据库中取得图片路径，然后在js上显示出图片呢
首先从数据库获取信息到前端，接收数据要用store，你把图片的路径写入数据库中，然后通过store去load数据到前端。
然后要看你要怎么展示图片，在哪显示了！
例如使用Ext.XTemplate，自己去写图片显示的位置，样式等。可以去参考ext3.0文档中Ext.DataView的例子
var store = new Ext.data.JsonStore( {
fields : [ "id", "name", "path" ],
url: '....',
......
});
store.load();
var tpl = new Ext.XTemplate('<div class="aaa"><img src="{path}" title="{name}" /></div>',);
var dataview = new Ext.DataView( {
store: store,
tpl: tpl,
........
});
var panel = new Ext.Panel({
.......
items:dataview
)}
还可以使用textfield，这就要自己完成整个panel或window的布局了
例如：
.....
{
columnWidth : .5,
layout : 'form',
labelWidth : 60,
items : [{
xtype : 'textfield',
fieldLabel : '个人照片',
width : 150,
Height : 180,
inputType : 'image',
listeners : { // 该项被载入时加载照片
'render' : function(_filed) {
_filed.getEl().dom.src = "a.jpg";//这里图片的路径可以预先从store中读取，赋给变量然后给它
}
}
}]
}
如果是在grid里显示图片，那么grid中的ColumnModel里可以有一个字段是图片路径，然后通过store传入该路径并显示
例如：
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), sm,
{
header : "图片",
width : 40,
dataIndex : "path",
align : "center",
renderer : function(v) {
return "<img src='" + v +"'>"
}
},
......
还有很多跟图片有关的地方，我暂时也想不起来，看具体情况具体解决了，总之后台对应的是数据库，前台对应的是store，前后交互就是把后台的数据放store里，然后前台根据store做前台该做的事
㈦ 为什么我写的js是对的啊，可是图片路径就是输出不出来啊
$(function(){
//获取pc端文章图片地址
$('img').each(function(){
varsrc=$(this).attr('src');
if(/^/uplodes.*$/.test(src)){
$(this).attr('src','http://192.168.2.208'+src);
}
varurl='http://192.168.2.208'+src;
alert(url);
});
})
㈧ js如何获取图片的绝对路径
理论是可以的，首先用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> _______________________
㈨ JavaScript中怎么输出图片
js输出图片是要获取到图片的所有属性才可以的。
1、图片的尺寸，比如宽和高
2、图片的路径
3、图片的alt属性
参考代码如下：
function show_image(src, width, height, alt) {
var img = document.createElement("img");
img.src = src;
img.width = width;
img.height = height;
img.alt = alt;
// This next line will just add it to the <body> tag
document.body.appendChild(img);
}
㈩ 怎么把获取到的图片显示出来，js怎么写
很显然从后端返回的是一个图片路径，那么你要做的就是把这个路径塞进img的src里面，如：<img src="路径"/>
实现步骤：1.先在html里面定义一个img标签<img src=""/>
2.一般情况下图片地址是一个变量，也就是说首先将后端返回的地址保存在一个变量中，如：var imgsrc = res.data.otherImg;(根据接口实际情况获取，我这里只是举例)
2.通过js把地址塞进img里面，如： $('img').attr('src', imgsrc);
这样就能把图片渲染出来了。