怎样用js代码引入本地图片的路径

怎样用js代码引入本地图片的路径,第1张

1、本地的HTML只能连接网站内的,即使在本地,也需要先将拷贝到网站内。

2、网页中引用js文件,象你这样如果用到路径等时,要注意的是这个路径如果用相对路径表示的话,是网页与之间的相对路径,而不是js文件与之间的相对路径。如果有多个不同的目录中的网页文件需要引用一个这样的js文件的话,最好的解决办法是用绝对路径。也就是改成:

imgUrl1=("/images/0gif")

imgtext1="1111"

imgLink1=escape("/XXhtml");

imgUrl2=("/images/00gif");

imgtext2="222"

imgLink2=escape("/XXXhtml");

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

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

webapps/文件夹/文件

然后访问的时候用

>

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

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

});

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

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

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

理论是可以的,首先用js取得location,然后在和路径相加 哦 想复杂了 其实很简单,你在image元素里面加个onclick事件,这样写 <table><tr> <td><input type="image" id="expression1" name="expression1" src="1gif" onClick="soso(this)></td> <td><input type="image" id="expression2" name="expression2" src="2gif" onClick="soso(this)></td> <td><input type="image" id="expression3" name="expression3" src="3gif" onClick="soso(this)></td> <td><input type="image" id="expression4" name="expression4" src="4gif" onClick="soso(this)></td> <td><input type="image" id="expression5" name="expression5" src="5gif" onClick="soso(this)></td> </tr></table> <div id="abc"> </div> <script language="javascript"> function soso(tt){ documentall("abc")innerHTML="<img Src='"+ttsrc+"'>" } </script> _______________________

javascript中imgsrc属性可以获取到的完整路径, 相对路径要通过与相对位置计算得出。计算方法:

先要明确自己的相对位置在哪,这个是需要人为指定的。

核心代码如下:

var res=documentgetElementById("img")src;

var root_href='根目录路径';

res=documentgetElementById("img")srcreplace(root_href,'');

用jquery方法

var res=$("#img")attr("src");

res=ressubstring(resindexOf("根")+2);

更多关于在上传文件的过程得到完整路径的方法请参考如下:

fileselect();

var res=documentselectioncreateRange()text;

var res=filefilesitem(0)getAsDataURL();

var res=filevalue

以上就是关于怎样用js代码引入本地图片的路径全部的内容,包括:怎样用js代码引入本地图片的路径、java或js怎么获取上传后的图片呢在界面<img src=""/>要怎么设置呢谁能帮我看下、使用js循环选中图片,我想获取5张图片的数据源 怎么使用each循环等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9357029.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-27
下一篇2023-04-27

发表评论

登录后才能评论

评论列表(0条)

    保存