使用javascript在asp.net中设置图像控件的图像URL
我有一个图像,文件上传和一个按钮控件。我想从FileUpload控件获取的本地路径将图像保存到服务器。我在C#中的按钮点击上实现了这个功能 现在,我想在实现服务器端代码的同一个按钮的ClientClick上设置image control的图像URL使用javascript在asp.net中设置图像控件的图像URL,javascript,image,imageurl,Javascript,Image,Imageurl,我有一个图像,文件上传和一个按钮控件。我想从FileUpload控件获取的本地路径将图像保存到服务器。我在C#中的按钮点击上实现了这个功能 现在,我想在实现服务器端代码的同一个按钮的ClientClick上设置image control的图像URL 图像URL将根据在FileUpload控件中选择的文件推迟每一次。有谁能帮助我了解如何使用javascript根据文件上载控件中选择的文件设置图像URL吗?您可以使用此代码查找图像控件,其中imgid是图像控件的ID $("[id$='imgid']
图像URL将根据在FileUpload控件中选择的文件推迟每一次。有谁能帮助我了解如何使用javascript根据文件上载控件中选择的文件设置图像URL吗?您可以使用此代码查找图像控件,其中
imgid
是图像控件的ID
$("[id$='imgid']").attr("src",pathfromfileuploader);
//pathfromfileuploader=it is a variable which stores the path taken from file uploader;
希望它能有所帮助:)首先,要明白JavaScript不理解、不关心,甚至不知道C#及其奇特的“控件”。它只处理HTML。时期也就是说,您可以使用JavaScript函数设置
img
标记(非控件)的图像URL。像这样:
document.getElementById('my-image').setAttribute('src', 'http://ecx.images-amazon.com/images/I/41%2BjAZ4dUGL._SS500_.jpg');
此处演示:
您假设OP使用的是jQuery。@AymanSafadi:是的。查找asp控件更容易,速度更快。asp控件的id在呈现时会发生更改,因此无法直接查找。这就是为什么Jquery更容易找到它们的原因。@Pranav,我并不反对使用Jquery更容易。。。这就是为什么它首先存在的原因,我只是说你不应该假设OP正在使用,甚至想要使用jQuery。如果
getElementById
不起作用,OP可以找到另一个可以起作用的选择器。我的回答的实质,以及对他的问题的回答,是使用setAttribute
(我刚刚注意到您在回答中实现了这一点)。他在上面使用什么函数,这取决于OP。但是,是的,使用jQuery会更容易。OP询问的是ASP图像控件而不是HTML图像,这就是我建议使用jQuery的原因,因为通过普通javascript很难找到ASP控件;必须编写正则表达式才能在javascript中找到控件,否则可以使用简单的Jquery。