使用javascript在asp.net中設置圖片控件的圖片網址

我有一個Image，FileUpload和一個Button控件。我想從FileUpload控件獲取的本地路徑將圖像保存到服務器。我在C＃的按鈕上實現了這個功能..使用javascript在asp.net中設置圖片控件的圖片網址

現在我想要設置Image控件OnClientClick的圖像URL，其中實現了服務器端代碼。

根據FileUpload控件中選擇的文件，圖像URL將會延遲每次。任何人都可以幫助我瞭解如何使用JavaScript來設置基於文件上傳控件中選擇的三維文件的圖像URL？

2012-08-10 Ishan

首先，明白，JavaScript不理解，關懷，甚至不知道有關C＃和花哨的「控制」。它只處理HTML。期。也就是說，您可以使用JavaScript的setAttribute函數來設置img標記（不是控件）的圖像URL。就像這樣：

document.getElementById('my-image').setAttribute('src', 'http://ecx.images-amazon.com/images/I/41%2BjAZ4dUGL._SS500_.jpg');

演示在這裏： http://jsfiddle.net/je9Gx/

來源

2012-08-10 10:18:27

asp控件的id在渲染時會發生變化，因此您無法直接找到它。這就是爲什麼Jquery更容易找到它們的原因。 – Pranav 2012-08-10 10:22:26

@Pranav，我並不反對使用jQuery更容易......這就是爲什麼它存在的原因，我只是說你不應該假設OP正在使用，或者甚至想要使用，jQuery。如果'getElementById'不起作用，則OP可以找到_will_工作的另一個選擇器。我的答案的本質以及他的問題的答案是使用'setAttribute'（我剛剛注意到你在你的答案中實現了）。 _他在哪裏使用該功能，這取決於OP。但是，使用jQuery會使它更容易。 – 2012-08-10 10:28:21

OP詢問ASP圖像控件不是HTML圖像，這就是爲什麼我建議使用jQuery，因爲通過普通的javascript很難找到asp控件;你必須編寫正則表達式來在JavaScript中找到控制，否則可以使用簡單的Jquery。 – Pranav 2012-08-10 10:29:58

您可以使用此代碼查找圖像控件，其中imgid是圖像控件的ID;

$("[id$='imgid']").attr("src",pathfromfileuploader); 

//pathfromfileuploader=it is a variable which stores the path taken from file uploader;

希望這將有助於:)

來源

2012-08-10 10:18:15 Pranav

你假設OP是使用jQuery。 – 2012-08-10 10:19:04

@AymanSafadi：是的..它是更容易找到asp控件的方法，速度更快。 – Pranav 2012-08-10 10:23:46

使用javascript在asp.net中設置圖片控件的圖片網址

回答

相關問題