자바 스크립트를 사용하여 asp.net에서 이미지 컨트롤의 이미지 URL을 설정하십시오.

Image, FileUpload 및 Button 컨트롤이 있습니다. FileUpload 컨트롤에서 가져온 로컬 경로에서 서버에 이미지를 저장하고 싶습니다. C#의 Button Click에서이 기능을 구현했습니다.자바 스크립트를 사용하여 asp.net에서 이미지 컨트롤의 이미지 URL을 설정하십시오.

이제 서버 측 코드가 구현 된 동일한 버튼의 이미지 컨트롤 OnClientClick의 이미지 URL을 설정하려고합니다.

이미지 URL은 FileUpload 컨트롤에서 선택한 파일에 따라 매번 연기됩니다. 아무도 내가 파일 업로드 컨트롤에서 선택한 thre 파일을 기반으로 이미지 URL을 설정하는 데 javascript를 어떻게 사용할 수 있는지 이해할 수 있습니까?

출처

2012-08-10 Ishan

먼저 도움 이해를 바랍니다. 그것은 단지 HTML을 다룹니다. 기간. 즉, JavaScript의 setAttribute 함수를 사용하여 태그 (제어하지 않음)의 이미지 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

@Pranav, 나는 jQuery를 사용하는 것이 더 쉽다는 것에 동의하지 않는다 ... 그것이 처음부터 존재하는 이유 다. 나는 OP가 사용하고 있다는 가정을하지 말아야한다는 것을 말하고있다. , jQuery. 'getElementById'가 작동하지 않으면, OP는 _will_가 작동하는 또 다른 선택자를 찾을 수 있습니다. 내 답변의 본질과 그의 질문에 대한 대답은'setAttribute'를 사용하는 것입니다 (나는 당신이 대답에서 구현 한 것을 눈치 채 셨습니다). _ 그는 기능을 사용합니다. 그것은 OP까지입니다. 하지만 그렇습니다. jQuery를 사용하면 더 쉽게 사용할 수 있습니다. –

OP는 ASP 이미지 컨트롤에 대해 jquery를 사용하는 것이 좋습니다 이유는 HTML 이미지가 아니라는 것을 묻습니다. 왜냐하면 일반 자바 스크립트를 통해 ASP 컨트롤을 찾는 것이 매우 어렵 기 때문입니다. 당신은 자바 스크립트에서 컨트롤을 찾으려면 Regex를 작성해야합니다. 다른 하나는 간단한 Jquery를 사용할 수 있습니다. – Pranav

이 코드를 사용하여 이미지 컨트롤을 찾을 수 있습니다. imgid은 이미지 컨트롤의 ID입니다.

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

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

는 자바 스크립트, 치료를 이해하고, 심지어는 C# 및 그 공상 "컨트롤"에 대해 알고하지 않습니다, 모든 :)

출처

2012-08-10 10:18:15 Pranav

당신은 OP를 가정하고는 jQuery를 사용하고 있습니다. –

@AymanSafadi : 네 .. ASP 컨트롤을 찾는 것이 더 쉽고 훨씬 빠릅니다. – Pranav

자바 스크립트를 사용하여 asp.net에서 이미지 컨트롤의 이미지 URL을 설정하십시오.

답변

관련 문제