㈠ 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);
這樣就能把圖片渲染出來了。