Câu trả lời:
bạn có thể chuyển đổi hình ảnh thành mã cơ sở 64, ví dụ như " http://duri.me/ " và sao chép kết quả vào trình duyệt! Như:
<img width='16' height='16' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAApklEQVQ4jWP8//8/Ay5Q4s6GU7Jn5y9GBgYGBiacuokELKTYSpQByKB68UkMMUExQ0ZkPsVeYEQPREZGRpK8gOGCdy/PwTEyH8ZGF8MbBgwMDAxC4kZ4xfAaALMFGfz//5+6gYjXBS+fXUHhaxjEMqKrQXGBglU8SgyIS+mgYHR5DAPIAYz////HavL5DQVwtmHABAyND44tZGRgwBMG2DRhAxR7AQBhgT3yD6eBRwAAAABJRU5ErkJggg=='>
Vì bạn đã đề cập đến 'Chrome', bạn có thể sử dụng các tiện ích mở rộng của Chrome để thực hiện việc này, để cho phép truy cập cục bộ vào các tệp của bạn.
Thực hiện theo các bước sau:
1) Trong thư mục cục bộ có (các) hình ảnh của bạn, hãy tạo tệp này có tên 'manifest.json' và nhập vào đây:
{
"name": "File Exposer",
"manifest_version": 2,
"version": "1.0",
"web_accessible_resources": ["*.jpg","*.JPG"]
}
2) Đặt đây là thanh địa chỉ chrome của bạn: chrome: // extend /
3) Đảm bảo 'Chế độ nhà phát triển' được chọn (Trên cùng bên phải của trang)
4) Nhấp vào nút 'Tải tiện ích mở rộng đã giải nén'
5) Điều hướng đến thư mục cục bộ nơi có hình ảnh và tệp manifest.json, nhấp vào ok
6) Tiện ích mở rộng 'Trình hiển thị tệp' hiện phải được liệt kê trong danh sách và có dấu kiểm đối với 'Đã bật'. Nếu thư mục nằm trên ổ đĩa mạng hoặc ổ đĩa chậm khác hoặc có nhiều tệp trong đó, có thể mất 10-20 giây trở lên để xuất hiện trong danh sách.
7) Lưu ý chuỗi 'ID' đã được liên kết với tiện ích mở rộng của bạn. Đây là EXTENSION_ID
8) Bây giờ trong HTML của bạn, bạn có thể truy cập tệp bằng cách sau, thay đổi 'EXTERNSION_ID' thành bất kỳ ID nào mà tiện ích mở rộng của bạn đã tạo:
<img src='chrome-extension://EXTENSION_ID/example1.jpg'>
Lưu ý rằng * .jpg là đệ quy và nó sẽ tự động khớp các tệp trong thư mục đã chỉ định và tất cả các thư mục phụ, bạn không cần chỉ định cho từng thư mục phụ. Cũng lưu ý, trường hợp nhạy cảm của nó.
Trong thẻ 'img', bạn không chỉ định thư mục gốc, họ hàng của thư mục đó, do đó chỉ cần chỉ định các thư mục con.
Nếu bạn sửa đổi tệp manifest.json, bạn sẽ cần nhấp vào liên kết 'Tải lại (Ctrl + R)' bên cạnh tiện ích mở rộng.
Các trang web không phải cục bộ không thể truy cập các tệp cục bộ trong Chrome hoặc bất kỳ trình duyệt web hiện đại nào.
Bạn có thể ghi đè lên điều này bằng LocalLinks ( đối với Firefox ), nhưng nó sẽ chỉ hoạt động trong chính máy của bạn.
about:blanktrang và nó không cho phép, tôi mệt mỏi khi mở một tệp HTML cục bộ và nó đã hoạt động, ngay cả đối với những hình ảnh bất chấp những gì @ WillemD'Haeseleer nói. Mã của tôi là thế này:drawing = new Image(); drawing.src = "C:/Users/S/Videos/net.png";
trong Chrome nó trông như thế này
file:///C:/sample.txt
Nếu bạn muốn kiểm tra hình ảnh cục bộ trên trang web trực tiếp, bạn có thể chạy máy chủ web cục bộ và đặt URL như http://127.0.0.1:8123/img.jpg trên trang bằng DevTools
Có nhiều cách khác nhau để chạy máy chủ web: 1. Tiện ích mở rộng cho trình duyệt "Máy chủ Web cho Chrome" với thư mục được xác định https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb
Nếu bạn có python thì hãy chạy máy chủ http được nhúng tại thư mục đã chọn
python3 -m http.server 8123 # python 3 phiên bản
python -m SimpleHTTPServer 8123 # python 2 phiên bản
Trong trường hợp của tôi, tôi chỉ cần xem một thay đổi hình ảnh nhỏ sẽ trông như thế nào trong các kích thước đáp ứng khác nhau. Dễ nhất là Lưu dưới dạng ... một trang web hoàn chỉnh vào máy tính để bàn và sau đó mở nó. Tôi kiểm tra và chỉnh sửa hình ảnh src.
Được rồi, bạn không thể để người khác truy cập hệ thống tệp cục bộ của bạn! Bạn sẽ cần một dịch vụ máy chủ như Apache, hãy để máy tính của bạn chạy 24 giờ một ngày, đảm bảo nó sẽ không bị quá nóng, chăm sóc bảo mật tốt và nhiều hơn nữa để có thể làm được điều đó. Và bởi vì quản trị máy chủ rất tốn kém và mất thời gian, hầu hết mọi người đều cho phép chuyên gia lưu trữ nội dung của chúng tôi cho chúng tôi (Webhosting).
Tóm lại, nếu bạn không muốn chạy máy chủ của riêng mình, việc tải nó lên webhoster của bạn sẽ dễ dàng hơn nhiều.