Thẻ SRC IMG và JavaScript

Question

Có thể gọi chức năng JavaScript từ thẻ IMG SRC để nhận url hình ảnh không?

Như thế này:

<IMG SRC="GetImage()" /> 

<script language="javascript"> 
    function GetImage() {return "imageName/imagePath.jpg"} 
</script> 

này được sử dụng .NET 2.0.

Answer 1

Nope. Nó không thể, ít nhất là không phải trong tất cả các trình duyệt. Bạn có thể làm một cái gì đó giống như thay vì điều này:

<img src="blank.png" id="image" alt="just nothing"> 
<script type="text/javascript"> 
    document.getElementById('image').src = "yourpicture.png"; 
</script> 

khuôn khổ Javascript yêu thích của bạn sẽ cung cấp cách đẹp hơn :)

Answer 2

No. Thuộc tính SRC của Img không phải là sự kiện, do đó JS nội tuyến sẽ không bao giờ kích hoạt.

Answer 3

Bạn không thể làm điều đó inline @src hình ảnh, nhưng bạn sẽ có thể gọi nó là từ một khối kịch bản nội tuyến ngay sau khi hình ảnh của bạn:

<img src="" id="myImage"/> 
<script type="text/javascript"> 
    document.getElementById("myImage").src = GetImage(); 
</script> 

Answer 4

Bạn đang tìm kiếm this.src '

<img src='images/test.jpg' onmouseover="alert(this.src);"> 

Answer 5

Vì bạn đang sử dụng? .NET, bạn có thể thêm thuộc tính runat="server" và đặt src trong codebehind của bạn.

Answer 6

Bạn có thể có thể làm điều đó ở phía máy chủ. Cách khác, bạn có thể đính kèm một sự kiện onload để hoán đổi hình ảnh src. Tôi đoán câu hỏi sau đó sẽ trở thành, tại sao bạn phải sử dụng Javascript ở tốc độ đầu tiên?

Answer 7

bạn có thể tự động nạp hình ảnh bằng cách gọi một trang aspx trong SRC.

Ví dụ:

<img src="provideImage.aspx?someparameter=x" /> 

Ở phía trang, bạn sẽ cần phải đưa hình ảnh vào phản hồi và thay đổi loại nội dung cho hình ảnh.

"Vấn đề" duy nhất là hình ảnh của bạn sẽ không được lập chỉ mục, bạn nên đặt một số bộ nhớ cache trên trang của nhà cung cấp đó hoặc bạn sẽ tàn phá máy chủ.

Answer 8

Có thể gọi hàm JavaScript từ thẻ IMG SRC để nhận url hình ảnh không?

Bạn có ý định làm điều gì đó như sau không?

<img src="javascript:GetImage()" /> 

Thật không may, không - bạn không thể làm điều đó. Tuy nhiên, bạn có thể làm việc hack sau:

function getImageUrl(img) { 
    var imageSrc = "imageName/imagePath.jpg"; 
    if(img.src != imageSrc) { // don't get stuck in an endless loop 
     img.src = imageSrc; 
    } 
} 

Sau đó, có html sau:

<img src="http://yourdomain.com/images/empty.gif" onload="getImageUrl(this)" /> 

Sự kiện onload sẽ chỉ cháy nếu bạn có một hình ảnh thực tế thiết lập để thuộc tính src - nếu bạn không thiết lập thuộc tính đó hoặc đặt nó vào một chuỗi rỗng hoặc một cái gì đó tương tự, bạn sẽ không có tình yêu. Đặt nó thành một gif trong suốt một pixel hoặc một cái gì đó tương tự.

Dù sao, hack này hoạt động, nhưng tùy thuộc vào những gì bạn đang thực sự cố gắng để thực hiện, điều này có thể không phải là giải pháp tốt nhất. Tôi không biết tại sao bạn muốn làm điều này, nhưng có lẽ bạn có một lý do chính đáng (mà bạn muốn chia sẻ với chúng tôi!).

Answer 9

Tôi đã phải làm một cái gì đó như thế này trước đây, và IIRC lừa gạt lên được rằng bạn không thể thay đổi một thuộc tính src của một hình ảnh đó là một phần của cây DOM. Vì vậy, đặt cược tốt nhất của bạn là viết bộ khung HTML mà không có hình ảnh và 1) tạo một hàm onLoad tạo ra phần tử img mới với document.createElement, 2) đặt thuộc tính src với setAttribute() và 3) đính kèm nó vào DOM của bạn cây.

Answer 10

onload sự kiện của hình ảnh được gọi là một lần nữa và một lần nữa làm một số điều như thế này sự kiện

Answer 11

onload của hình ảnh được gọi là một lần nữa và một lần nữa làm một số điều như thế này

Answer 12

Nếu bạn đang ở trong tâm trạng cho hacks, điều này cũng hoạt động.

<img src='blah' onerror="this.src='url to image'"> 

Answer 13

thì sao?

var imgsBlocks = new Array('/1.png', '/2.png', '/3.png'); 
function getImageUrl(elemid) { 
var ind = document.getElementById(elemid).selectedIndex; 
document.getElementById("get_img").src=imgsBlocks[ind]; 
} 

nó không hoạt động?

<img src="'+imgsBlocks[2]+'" id="get_img"/>