Yanıtlar:
görüntüyü base-64 koduna dönüştürebilirsiniz, örneğin " http://duri.me/ " ile ve sonucu tarayıcıya kopyalayabilirsiniz! Sevmek:
<img width='16' height='16' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAApklEQVQ4jWP8//8/Ay5Q4s6GU7Jn5y9GBgYGBiacuokELKTYSpQByKB68UkMMUExQ0ZkPsVeYEQPREZGRpK8gOGCdy/PwTEyH8ZGF8MbBgwMDAxC4kZ4xfAaALMFGfz//5+6gYjXBS+fXUHhaxjEMqKrQXGBglU8SgyIS+mgYHR5DAPIAYz////HavL5DQVwtmHABAyND44tZGRgwBMG2DRhAxR7AQBhgT3yD6eBRwAAAABJRU5ErkJggg=='>
'Chrome'dan bahsettiğinizden beri, dosyalarınıza yerel erişimi sağlamak için bunu yapmak için Chrome uzantılarını kullanabilirsiniz.
Bu adımları takip et:
1) Resimlerinizin bulunduğu yerel klasörde, 'manifest.json' adlı dosyayı oluşturun ve şunu girin:
{
"name": "File Exposer",
"manifest_version": 2,
"version": "1.0",
"web_accessible_resources": ["*.jpg","*.JPG"]
}
2) Bu sizin krom adres çubuğunuzdur: chrome: // extensions /
3) 'Geliştirici modu' öğesinin işaretli olduğundan emin olun (Sayfanın sağ üst)
4) 'Ambalajsız Uzantıyı Yükle' düğmesini tıklayın
5) Resmin ve manifest.json dosyasının bulunduğu yerel klasöre gidin, Tamam'ı tıklatın.
6) 'Dosya Exposer' uzantısı şimdi listede listelenmeli ve 'Etkin' ibaresinde onay işareti bulunmalıdır. Klasör bir ağ sürücüsünde veya başka bir yavaş sürücüdeyse veya içinde çok sayıda dosya varsa, listede görünmesi 10-20 saniye veya daha fazla sürebilir.
7) Uzantınızla ilişkilendirilmiş olan 'ID' dizesini not edin. Bu EXTENSION_ID
8) Artık HTML'nizde, 'EXTERNSION_ID' dosyasını uzantınız tarafından oluşturulan kimliğe değiştirerek aşağıdakilere erişebilirsiniz:
<img src='chrome-extension://EXTENSION_ID/example1.jpg'>
Unutmayın, * .jpg özyinelemelidir ve belirtilen klasördeki ve tüm alt klasörlerdeki dosyalar ile otomatik olarak eşleşecektir, her alt klasör için belirtmeniz gerekmez. Ayrıca Büyük Harf Duyarlı olduğuna dikkat edin.
'İmg' etiketinde, orijinal klasörü, o klasörden göreceli olarak belirtmezsiniz, bu nedenle sadece alt klasörlerin belirtilmesi gerekir.
Manifest.json dosyasını değiştirirseniz, uzantının yanındaki 'Yeniden Yükle (Ctrl + R)' bağlantısını tıklamanız gerekir.
Yerel olmayan web sayfaları Chrome'daki yerel dosyalara veya herhangi bir modern web tarayıcısına erişemez .
LocalLinks ( Firefox için ) kullanarak bunu geçersiz kılabilirsiniz , ancak yalnızca kendi makinenizde çalışacaktır.
about:blanksayfa üzerinde çalışıyordum ve izin vermiyordu, yerel bir HTML dosyası açmaktan bıktım ve çalıştı, hatta @ WillemD'Haeseleer'in söylediklerine rağmen görüntüler için çalıştı. drawing = new Image(); drawing.src = "C:/Users/S/Videos/net.png";
Chrome'da bu böyle görünüyor
file:///C:/sample.txt
Yerel görüntüyü canlı sitede test etmek istiyorsanız, yerel web sunucusunu çalıştırabilir ve DevTools'u kullanarak http://127.0.0.1:8123/img.jpg sayfasındaki URL'yi ayarlayabilirsiniz.
Bir web sunucusunu çalıştırmanın farklı yolları vardır: 1. Tanımlı klasörle "Chrome için Web Sunucusu" tarayıcısının uzantısı https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb
Python'unuz varsa gömülü http sunucusunu seçilen klasörde çalıştırın.
python3 -m http.server 8123 # python 3 versiyonu
python -m SimpleHTTPServer 8123 # python 2 versiyonu
Benim durumumda, sadece farklı küçük boyutlardaki değişikliklerin farklı tepki veren boyutlarda nasıl görüneceğini görmem gerekiyordu. Masaüstünde eksiksiz bir web sayfası ... olarak kaydetmek ve bunun yerine açmak çok kolaydı. Resim src inceler ve düzenlerim.
Tamam, başka birinin yerel dosya sisteminize erişmesine izin veremezsiniz! Apache gibi bir sunucu servisine ihtiyacınız olacak, bilgisayarınızın günde 24 saat çalışmasına izin verin, aşırı ısınmayacağından emin olun, güvenliğe özen gösterin ve bunu mümkün kılmak için çok daha fazlasını yapın. Ve sunucu yönetimi pahalı ve zaman alıcı olduğu için çoğu insan, uzmanımızın bizim için eşyalara ev sahipliği yapmasına izin veriyor (Webhosting).
Sonuç olarak, kendi sunucunuzu çalıştırmak istemiyorsanız, seçtiğiniz web sunucunuza yüklemek çok daha kolaydır.