ফাইল: // প্রোটোকল ব্যবহার করে ক্রোমে স্থানীয় চিত্রগুলি কীভাবে প্রদর্শিত হবে?


23

আমি ক্রোম ব্যবহার করে HTTP- র মাধ্যমে বিতরণ করা কোনও ওয়েব পৃষ্ঠায় একটি চিত্রের জন্য স্থানীয় ফাইলের পথটি নির্দিষ্ট করতে সক্ষম হতে চাই - এটি কি সম্ভব?

আইই ব্যবহার করে এটি করা মনে আছে তবে কীভাবে মনে নেই! আমার মনে হয় কিছু বিশ্বস্ত সেটিংস ...

উত্তর:


14

আপনি চিত্রটি বেস -৪৪ কোডে রূপান্তর করতে পারেন, উদাহরণস্বরূপ " http://duri.me/ " দিয়ে এবং ফলাফলটি ব্রাউজারে অনুলিপি করতে পারেন! ভালো লেগেছে:

<img width='16' height='16'  src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAApklEQVQ4jWP8//8/Ay5Q4s6GU7Jn5y9GBgYGBiacuokELKTYSpQByKB68UkMMUExQ0ZkPsVeYEQPREZGRpK8gOGCdy/PwTEyH8ZGF8MbBgwMDAxC4kZ4xfAaALMFGfz//5+6gYjXBS+fXUHhaxjEMqKrQXGBglU8SgyIS+mgYHR5DAPIAYz////HavL5DQVwtmHABAyND44tZGRgwBMG2DRhAxR7AQBhgT3yD6eBRwAAAABJRU5ErkJggg=='>

7
এই তথ্য কারও কারও কাজে লাগতে পারে তবে আমি মনে করি এটি সত্যই এই প্রশ্নের উত্তর দেয় না।
জি-ম্যান বলছেন 'পুনরায় ইনস্টল করুন মনিকা'

12

যেহেতু আপনি 'ক্রোম' উল্লেখ করেছেন, তাই আপনার ফাইলগুলিতে স্থানীয় অ্যাক্সেস সক্ষম করার জন্য আপনি এটি করতে ক্রোম এক্সটেনশনগুলি ব্যবহার করতে পারেন।

এই পদক্ষেপগুলি অনুসরণ করুন:

1) স্থানীয় ফোল্ডারে যেখানে আপনার চিত্র (গুলি) রয়েছে, সেখানে 'ম্যানিফেস্ট.জসন' নামক এই ফাইলটি তৈরি করুন এবং এটি প্রবেশ করুন:

{
  "name": "File Exposer",
  "manifest_version": 2,
  "version": "1.0",
  "web_accessible_resources": ["*.jpg","*.JPG"]
}

2) এটি আপনার ক্রোম ঠিকানা বারটি রাখুন: ক্রোম: // এক্সটেনশনস /

3) নিশ্চিত করুন যে 'বিকাশকারী মোড' চেক করা আছে (পৃষ্ঠার উপরের ডানদিকে)

4) 'লোড আনপ্যাকড এক্সটেনশন' বোতামটি ক্লিক করুন

5) যেখানে ইমেজ (গুলি) এবং ম্যানিফেস্ট.জসন ফাইলটি রয়েছে সেখানে স্থানীয় ফোল্ডারে যান, ঠিক আছে ক্লিক করুন

)) এক্সটেনশন 'ফাইল এক্সপোজার' এখন তালিকায় তালিকাভুক্ত হওয়া উচিত এবং 'সক্ষম' এর বিপরীতে একটি চেক চিহ্ন থাকা উচিত। যদি ফোল্ডারটি কোনও নেটওয়ার্ক ড্রাইভে বা অন্য ধীর ড্রাইভে থাকে বা প্রচুর ফাইল থাকে তবে তালিকায় প্রদর্শিত হতে 10-20 সেকেন্ড বা তার বেশি সময় লাগতে পারে।

)) আপনার এক্সটেনশনের সাথে যুক্ত 'আইডি' স্ট্রিংটি নোট করুন। এটি হল EXTENSION_ID ID

8) এখন আপনার এইচটিএমএলে আপনি নিম্নলিখিতটি দিয়ে ফাইলটি অ্যাক্সেস করতে পারবেন, 'এক্সটারনেসন_আইডি' পরিবর্তন করে যে কোনও আইডিতে আপনার এক্সটেনশানটি তৈরি করেছে:

<img src='chrome-extension://EXTENSION_ID/example1.jpg'>

দ্রষ্টব্য, যে * .jpg পুনরাবৃত্ত এবং এটি স্বয়ংক্রিয়ভাবে নির্দিষ্ট ফোল্ডারে এবং সমস্ত উপ ফোল্ডারগুলির সাথে ফাইলগুলি মিলবে, আপনাকে প্রতিটি উপ ফোল্ডারের জন্য নির্দিষ্ট করতে হবে না। এছাড়াও খেয়াল করুন, এর কেস সেনসিটিভ।

'Img' ট্যাগে আপনি মূল ফোল্ডারটি নির্দিষ্ট করতে পারেন না, এটি সেই ফোল্ডার থেকে সম্পর্কিত, সুতরাং কেবলমাত্র সাব ফোল্ডার নির্দিষ্ট করা দরকার।

আপনি যদি मॅनिफेস্ট.জসন ফাইলটি পরিবর্তন করেন তবে আপনাকে এক্সটেনশনের পাশের 'পুনরায় লোড (সিটিআরএল + আর)' লিঙ্কটি ক্লিক করতে হবে।


8

অ-স্থানীয় ওয়েব পৃষ্ঠাগুলি Chrome বা কোনও আধুনিক ওয়েব ব্রাউজারে স্থানীয় ফাইল অ্যাক্সেস করতে পারে না

আপনি এটি স্থানীয়লিংক ( ফায়ারফক্সের জন্য ) ব্যবহার করে ওভাররাইড করতে পারেন তবে এটি কেবল আপনার নিজের মেশিনে কাজ করবে।


2
চিত্রগুলির জন্য কাজ করবে না
উইলেম ডি'হ্যাসিলির

আমি মনে করি ক্রোম বোবা, আমি একটি about:blankপৃষ্ঠায় চেষ্টা করছিলাম এবং এটি এটির অনুমতি দিচ্ছিল না, আমি একটি স্থানীয় এইচটিএমএল ফাইল খুলতে ক্লান্ত হয়েছি এবং এটি কাজ করেছে, এমনকি চিত্রগুলিও উইলড ডি'হ্যাসিলার যা বলেছেন তা সত্ত্বেও। আমার কোডটি এটি ছিল:drawing = new Image(); drawing.src = "C:/Users/S/Videos/net.png";
শায়ান

2

ক্রোমে এইরকম দেখাচ্ছে

file:///C:/sample.txt

আমি এই জাতীয় কিছু করার পরে, ওয়েবে হোস্ট করা, তবে একটি ব্যবহারকারী স্থানীয় ফাইলের দিকে তাকিয়ে আছি .... <! ডক্টইপিএইচটিএমএল এইচটিএমএল পাবলিক "- // ডাব্লু 3 সি // ডিটিডি এক্সএইচটিএমএল 1.0 স্ট্রাইক // এন" " w3.org/TR /xhtml1/DTD/xhtml1-strict.dtd "> <এইচটিএমএল xmlns =" w3.org/1999/xhtml "> <শিরোনাম <মেটা http- برابر =" সামগ্রী-প্রকার "সামগ্রী =" পাঠ্য / এইচটিএমএল; চরসেট = utf -8 "/> <শিরোনাম << শিরোনাম << শিরোনাম << মাথা> <img src =" ফাইল: /// সি: / অনুচ্ছেদ / আইমেজ.জেপজি "উচ্চতা =" 200px "প্রস্থ =" 200px "/ > <h1> স্বাগতম </ h1> <p> হ্যালো ওয়ার্ল্ড! </ p> </body> </html>
জেএসএইচ

1
আমি কেবল এইচটিএমএল এবং .jpg ফাইলটি চেষ্টা করেছি: /// স্বীকৃতি, উভয়ই সঠিকভাবে রেন্ডার করা হয়েছিল। আপনি কি এমন স্ক্রিনশট পোস্ট করতে পারেন যা অ্যাড্রেস বার এবং কিছু সামগ্রী দেখায়?
কুটসেরাট

jsh.fireningict.net চেষ্টা করুন - স্পষ্টতই আপনার কাছে যে চিত্রটি থাকবে না কিন্তু কোডটি পরে আমি কী করব তার একটি ধারণা দেখায়
JSH

আমি কেবল অনুমান করতে পারি যে আপনি চিত্র ট্যাগটির সাথে উল্লেখ করছেন, যা আমি যখন <img src = "ফাইল: /// সি: // test.jpg" উচ্চতা = "200px" প্রস্থ = "200px" দিয়ে এসআরসি প্রতিস্থাপন করি তখনও ঠিক কাজ করে > সি: \ test.jpg সেই পথে একটি বৈধ jpg এবং জরিমানা দেখায়।
কুটসেরাট

ভাবছি যদি এটি তখন একটি অসক্স জিনিস হয়? এসআরসি রেফ কেবলমাত্র HTML কোডে নয়, ক্রোমের ঠিকানা বারে একা ভাল কাজ করে
JSH

2

আপনি যদি লাইভ সাইটে স্থানীয় চিত্র পরীক্ষা করতে চান তবে আপনি স্থানীয় ওয়েব সার্ভার চালাতে পারেন এবং ডেভটুলগুলি ব্যবহার করে পৃষ্ঠায় http://127.0.0.1:8123/img.jpg এর মতো URL সেট করতে পারেন

ওয়েব সার্ভার চালনার বিভিন্ন উপায় রয়েছে: ১. সংজ্ঞায়িত ফোল্ডার সহ ব্রাউজারের জন্য "ক্রোমের জন্য ওয়েব সার্ভার" এক্সটেনশন https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb

  1. যদি অজগর থাকে তবে নির্বাচিত ফোল্ডারে এম্বেডড HTTP সার্ভারটি চালান

    পাইথন 3-এম http.server 8123 # অজগর 3 সংস্করণ
    পাইথন-এম সিম্পিচটিটিপিএস সার্ভার 8123 # পাইথন 2 সংস্করণ

  2. উত্পাদনের জন্য প্রস্তুত সার্ভার যেমন এনগিনেক্স , অ্যাপাচি ব্যবহার করুন


0

আমার ক্ষেত্রে, আমার কেবলমাত্র একটি ছোট চিত্রের পরিবর্তনটি বিভিন্ন প্রতিক্রিয়াশীল আকারে দেখতে কেমন তা দেখার দরকার ছিল। হিসাবে সংরক্ষণ করা সহজ ছিল ... ডেস্কটপে একটি সম্পূর্ণ ওয়েবপৃষ্ঠা এবং তারপরে এটি খুলুন। আমি চিত্র src পরিদর্শন ও সম্পাদনা করি।


এটি ওপি যা জিজ্ঞাসা করছে, তা সম্পর্কিত নয় বলেও মনে হয় না। দয়া করে প্রশ্নগুলি মনোযোগ সহকারে পড়ুন, এবং আপনার যুক্ত করার প্রাসঙ্গিক তথ্য না থাকলে উত্তর দিন বা মন্তব্য করবেন না।
music2myear

1
তবে এটিই আমি খুঁজছিলাম
স্যামুয়েল থম্পসন

-1

ঠিক আছে, আপনি কেবল অন্য কাউকে আপনার স্থানীয় ফাইল সিস্টেমে প্রবেশ করতে দিতে পারবেন না! আপনার অ্যাপাচি এর মতো একটি সার্ভার-পরিষেবা দরকার, আপনার কম্পিউটারকে 24 ঘন্টা চলাচল করতে দিন, এটি অতিরিক্ত উত্তপ্ত হবে তা নিশ্চিত করুন, ভাল সুরক্ষার যত্ন নেওয়া এবং এটি আরও সম্ভব করার জন্য আরও অনেক কিছু। এবং সার্ভার-প্রশাসন ব্যয়বহুল এবং সময় সাশ্রয়ী হওয়ায় বেশিরভাগ লোকেরা প্রো এর হোস্টকে আমাদের জিনিসপত্র (ওয়েবহোস্টিং) দেয়।

উপসংহারে, আপনি যদি নিজের সার্ভারটি চালাতে না চান তবে এটি আপনার পছন্দের ওয়েব হোস্টারে আপলোড করা অনেক সহজ।


2
প্রশ্নটি স্থানীয় সিস্টেমে বড় অ্যাক্সেস ফাইলগুলিতে ইন্টারনেটকে দেওয়ার বিষয়ে নয়।
xenoid
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.