CC老师:jquery 获取img url参数 并传给另外一个img 怎么弄啊

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CC老师:jquery 获取img url参数 并传给另外一个img 怎么弄啊相关的知识,希望对你有一定的参考价值。

<body>
<form id="form1" runat="server">
<div class="ListPhoto_PhotoList_Middle">
<table class="Table_PhotoList"><tr>
<asp:Repeater ID="DataList_PhotoList" runat="server">
<ItemTemplate>
<td valign="middle">
<img ID="Image1" alt="" runat="server" style=" width:136px;" src='<%#"MyPhoto/" +Eval("Name")%>' onclick="#" /></td>
</ItemTemplate>
</asp:Repeater></tr></table>
</div>
<div id="ListPhoto_Image">
<input type="image" id="Show_ListPhoto_Image" src="???????" />
</div>
</form>
</body>

我想单击rpt里的一张图片
<img ID="Image1" alt="" runat="server" style=" width:136px;" src='<%#"MyPhoto/" +Eval("Name")%>' onclick="#" />
然后被单击的图片就在 <input type="image" src="???????" />这里显示

我QQ137384467 能加我好友吗

参考技术A 因为你的img是在repeater内,生成ID是不固定的.所以推荐这么做:

首先给table定义一个id为"tbContent"

jquery代码块:
$(function()
$("#tbContent img").click(function()
$("input:image").attr("src",$(this).attr("src"));
);
);本回答被提问者采纳
参考技术B $().ready(function()
$('#Image1').click(function()
var url=$(this).attr('src');
$('input[type=image]').attr('src',url););
)

jQuery:[1]实现图片上传并预览

jQuery:[1]实现图片上传并预览

原理

预览思路

1.当上传对象的input被触发并选择本地图片之后获取要上传的图片对象的URL;

2.把对象URL赋值给实现写好的img标签的src属性

File对象

  File对象可以用来获取文件的信息,还可以用来读取这个文件的内容,通常情况下,File对象是来自用户在一个input元素上选择文件后返回的FileList对象,也可以是来自由拖放操作生成的DataTransfer对象。

Blob对象

  Blob对象是一个包含由只读原始数据的类文件对象,Blob对象中的数据并不一定得是JavaScript中的原生形式。File接口基本Blob,继承了Blob的功能,并且扩展了支持用户计算机上的本地文件,我们想要得到的对象URL实际上就是从Blob这个对象获取的。

实例

代码

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7     <script src="jquery-2.1.4.js"></script>
 8     <title>Document</title>
 9 </head>
10 <body>
11     <input id="upload" type="file">
12     <img id="preview" src="">
13     <script>
14         $(\'#upload\').change(function(){
15             var obj = document.getElementById(\'upload\').files[0];
16             var asrc = window.URL.createObjectURL(obj);
17             document.getElementById("preview").src = asrc;
18         })
19     </script>
20 </body>
21 </html>

效果

 

以上是关于CC老师:jquery 获取img url参数 并传给另外一个img 怎么弄啊的主要内容,如果未能解决你的问题,请参考以下文章

img如何接收jquery ajax异步上传的动态图片

jQuery 从 URL 获取参数值并检查单选按钮 PHP

Jquery跳转页面传递参数以及获取url的参数

js如何将绝对url传入到img标签的src中

jquery ajax参数

jQuery:[1]实现图片上传并预览