单击图片，在js里获取图片的地址，并在文本框中显示_软件运维

1、为图片绑定点击事件

2、在点击事件中使用jQuery获得图片的src属性

3、调用文本框的val()方法，将取到的图片路径显示在文本框中

<html>

<head>

森凯 <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

$(function(){

//为图片绑定点击事件

$("#tu").click(function(){

//获得图片的src属性

var url=$(this).prop("src")

//将图片路径赋值到文本框中

$("#txtUrl").val(url)

配咐})

})

此卖唤</script>

</head>

<body>

</body>

</html>

首先需要新建一个记事本文件。桌面空白处右击，在d出的菜单中选择“新建文本文档”。

建立记事本文件后把相应的程序命令复制粘贴进去，程序代码我已经上传了，大家可以在上面的地址进行下载。命令其实很简单，一个表示要跳转的网页地址，另一个表示图片所在的地址，最后的一个则表示图片的边框、图片宽度以及图片的高度。

我们先来设置要跳转的网页地址。首先打开一个要跳转的网页，然后复制网页地址栏上面的地址，接核袜着粘贴到记事本中相应的位置。

跳转地址设置好之后现在来设置图片的地址。在网页中找到所桥橡需要用到的图片素材，然后右击该图片，在d出的菜单中选择“复制图片地址”。然后打开新建的记事本文件，把刚刚复制的地址粘贴到相应的位置即可。

因为命令中的地址前面必须要带有http：//,所以本地电脑上面的图片没办法直接作为超链接的图片，那如果要用到本地图片作为超链接图片该怎样办呢？这时就要用到百度网盘了，先把相应的图片素材上传到百度网盘，然后右击该图片，在d出的菜单中选择“分享”。

这时会d出一个新的界面，点击界面上的“创建敏氏旁公开链接”，等相应的链接地址显示后再点击“复制链接”。接着再把刚刚复制的链接粘贴到记事本的相应位置就行了。

接着来设置图片的边框、图片宽度以及图片高度。border表示图片边框，width表示图片宽度，height则表示图片的高度。图片边框一般设置为0，图片宽度和高度大家可以根据自己的需要进行设置。右击图片选择属性，可以查看相应的参数信息。

所有的命令都设置好之后现在对记事本文件进行保存。选择“文件”菜单下面的“另存为”，在d出的另存为对话框中设置保存的位置、名称以及保存类型，最后单击保存即可。这里要注意一点，保存文件名称的后缀名一定是要为.htm。

我是保存在桌面上的，所以现在在桌面上就会看到一个后缀名为.htm的文件，双击打开该文件（我这里是用IE浏览器打开的），在浏览器的页面上就会显示相应的图片内容，直接点击该图片会进入到之前设置的要跳转到的网页上面。右击该图片，在d出的菜单中选择“复制”，然后粘贴到要插入图片的位置，以后只要点击该图片就会跳转到自己想要链接的网页了。

你是想把b.bat文件的内容用二进制的方式追加到a.jpg的后面，然后生成一个新的亏裤蠢图片c.jpg，你认为当别人打开c.jpg的时候就可以运行你的b.bat了吗，这是不可能的，如果这都可以运行你的b.bat，那我们就可以在网站的图片里加载恶意代码，我们岂不是不用去找什么ie的漏洞就有很多的肉鸡了~~

况且打开c.jpg是销陪用图片查看程序打开的，能运行你的bat程序吗，就算你通过

assoc .jpg=batfile

来修改jpg的默认打开方式，也是运行不了你的纯纯bat的~~

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/yw/12568891.html

单击图片，在js里获取图片的地址，并在文本框中显示

发表评论

评论列表（0条）