Hướng dẫn how to store image in variable in javascript - cách lưu trữ hình ảnh trong biến trong javascript

Vì vậy, tôi gặp khó khăn khi tìm ra nếu có cách lưu trữ hình ảnh cục bộ được lưu trên máy tính của tôi và đặt chúng thành các biến để theo cách đó một hình ảnh nhất định sẽ hiển thị khi nó được gọi. Tôi đã tìm kiếm ở khắp mọi nơi và tôi tiếp tục tìm ra các biến thể của câu trả lời này hoặc những thứ còn hơn cả những gì tôi đang tìm kiếm. Tôi biết rằng bạn phải đưa chúng vào thẻ body trước, bạn không thể ném chúng vào biến trước. Tôi không muốn chúng được hiển thị ngay từ con dơi, chỉ khi được tham chiếu là một biến.

Sau đó, bên trong các thẻ tập lệnh tôi đã thử sử dụng document.getElementById cho mỗi ID hình ảnh tôi đặt như một cách để đưa chúng vào các biến.

var groot = document.getElementById("groot")
var starLord = document.getElementById("starLord")
var rocket = document.getElementById("rocket")
var gamora = document.getElementById("gamora")
var drax = document.getElementById("drax")

Tôi đã thử một số điều khác nhau, nhưng tôi không gặp may mắn với bất cứ điều gì tôi đã làm.

hỏi ngày 14 tháng 2 năm 2016 lúc 20:40Feb 14, 2016 at 20:40

InitoveritIntoitOveritintoitoverit

471 Huy hiệu vàng1 Huy hiệu bạc9 Huy hiệu đồng1 gold badge1 silver badge9 bronze badges

6

Trên thực tế, bạn có thể tạo các yếu tố hình ảnh bằng Vanilla JavaScript và khởi tạo chúng trước khi thêm chúng vào tài liệu:

var img1 = document.createElement("img");
img1.src = "http://path/to/image";

... và nối thêm một người bằng cách sử dụng

var groot = document.getElementById("groot")
var starLord = document.getElementById("starLord")
var rocket = document.getElementById("rocket")
var gamora = document.getElementById("gamora")
var drax = document.getElementById("drax")

document.body.appendChild(img1);
document.querySelector(".some-class").appendChild(img1);
document.getElementById("someId").appendChild(img1);

Lấy từ một số nhận xét được thêm vào câu hỏi của OP:

Có thể ẩn tất cả các hình ảnh lúc đầu với CSS, sau đó tùy thuộc vào điểm số của người dùng, hiển thị hình ảnh tương ứng với điểm số của chúng?

Bạn cũng có thể làm điều đó một cách dễ dàng:

1
Dưới đây là cách JavaScript để gọi hình ảnh được lưu trữ trong VAR không cần thẻ HTML IMG:
var aaa = "http://i.imgur.com/ZLAfFHN.jpg";
var bbb = "http://i.imgur.com/23lydbM.jpg";

function createimg(key,sizeA,sizeB) {
var theimage = document.createElement("img");
theimage.setAttribute('src', key);
theimage.setAttribute('alt', 'image');
theimage.height = sizeA;
theimage.width = sizeB;
document.body.appendChild(theimage);  
}
img {
 vertical-align:top; 
}




Create image A
Create image B  


 Đã trả lời ngày 14 tháng 2 năm 2016 lúc 21:10Feb 14, 2016 at 21:10

L777L777L777
7,2833 huy hiệu vàng35 huy hiệu bạc60 huy hiệu đồng3 gold badges35 silver badges60
bronze badges
Tôi đã gặp vấn đề với hình ảnh của mình không tải nên tôi đã thử cách lưu trữ một hình ảnh khác nhau và tìm thấy một giải pháp rất đơn giản.
Trong đường dẫn, bạn cần đặt hai dấu gạch chéo ngược cho mỗi thư mục vì chương trình diễn giải một dấu gạch chéo ngược khác nhau.
Vì vậy, bạn nên viết nó như thế này.
Image.Src = "C: \\ users \\ Tyler \\ Desktop \\ JavaScript Course \\ Cat.jpg"
 Đã trả lời ngày 23 tháng 9 năm 2020 lúc 19:55Sep 23, 2020 at 19:55
 
 
 Xin chào, tôi không chắc nhưng muốn sử dụng một biến để lưu trữ hình ảnh và sau đó hiển thị nó bên trong bảng một cái gì đó giống như
 i m not sure but wanted to use a variable to store an image and then show it inside the table
 something like
Mở rộng | Chọn | Wrap | Số dòng|Select|Wrap|Line Numbers
 var & nbsp; img1;
 img1 = "c: \ helf.jpg";
 
 và & nbsp; bên trong & nbsp;
 Và với JavaScript, hãy hiển thị khi được yêu cầu.
 img1
 Và với JavaScript, hãy hiển thị khi được yêu cầu.
 
 img1
 is there a way to do such a thing
 pls advice:)
 smile always
 anand 
 Và theo cách này, nó cho thấy hình ảnh có một cách để thực hiện một điều như vậy xin lời khuyên :) mỉm cười luôn luôn là anand

 acoder
16.027 Chuyên gia8TB
 Expert Mod 8TB
 2 tháng 7 '08 #1
Mở rộng | Chọn | Wrap | Số dòng|Select|Wrap|Line Numbers
 var & nbsp; img1;
 img1 = "c: \ helf.jpg";



 và & nbsp; bên trong & nbsp;
 
 2 tháng 7 '08 #2
 sir,the area where i have inserted the code is in bold and unlined
 in the result html it shows [object] as the display instead of the image
Mở rộng | Chọn | Wrap | Số dòng|Select|Wrap|Line Numbers
 var & nbsp; img1;
 img1 = "c: \ helf.jpg";
 và & nbsp; bên trong & nbsp;
 & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;
 img1
 Và theo cách này, nó cho thấy hình ảnh có một cách để thực hiện một điều như vậy xin lời khuyên :) mỉm cười luôn luôn là anand
 2 tháng 7 '08 #1
 Bạn có thể sử dụng Document.Createelement hoặc hàm tạo đối tượng hình ảnh để tạo hình ảnh và sau đó đặt SRC của nó, ví dụ:
var & nbsp; img & nbsp; = & nbsp; document.createelement ("img");
 img.src = "Image.gif";
 2 tháng 7 '08 #2
 Thưa ông, tôi không thể sử dụng nó đúng cách, hãy kiểm tra mã nơi tôi nên thực hiện các thay đổi để thực hiện nó hoạt động và hiển thị nó Sir, khu vực tôi đã chèn mã in đậm và không có kết quả trong kết quả HTML nó hiển thị [đối tượng] Hiển thị thay vì hình ảnh
 
 chức năng & nbsp; getSearchResults ()
 & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; var img = document.createElement("img");
 & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;
 & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;
 & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;
 & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;"