Mozilla FirefoxではWEB上からローカル画像が参照出来ない!?: CodeWeb

<< はてなブックマークのちから | TOP | FLASHに頼らないCSSで出来る伸びるグラフ >>

2005年10月06日

Mozilla FirefoxではWEB上からローカル画像が参照出来ない!?

お蔭様で謎が解けました。

「画像をアップロードする前にサムネイルを表示させる。」の続きを作ってて思ったのですが、Mozilla系列はWEB上にファイル(HTML等)をアップロードすると、ローカル画像を画像として表示出来ないような気がします。
一応下記のようなソースを書いてみて、ローカルで実行したらMozillaでもリアルタイムでサムネイルが表示されるのですが、WEB上にUPすると動かなくなります。
最初は文字コード関係なのかと思い、色々試行錯誤してみたのですが一切表示されません。
Cドライブにtest.gifという画像を保存して、ソースみてね♪ と書いて実験してみたのですがそれでも表示されませんでした。
Mozillaではローカル画像の参照は出来ないのでしょうか。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>リアルタイムサムネイル</title>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<script type="text/javascript">
function imgc(objimg) {
	document.getElementById("s_img").src= "file:///" + objimg.value;
	document.getElementById("s_img").style.display="inline";
}
</script>
<style type="text/css">
#s_img{
	display:none;
	width:150px;/*この値でサムネイルサイズを指定*/
}
</style>
</head>
<body>
<form>
	<input type="file" onChange="imgc(this)" /><br />
	<img src="" id="s_img" /><br />
</form>
</body>
</html>

試行錯誤に5時間近く時間を費やしてしまった・・・。

【関連する記事】

posted by 高速内弁慶 at 00:56| Comment(10) | TrackBack(1) | 日記 |

この記事へのコメント

セキュリティの観点からローカルファイルを読み込まないようになっています。
http://www.mozilla-japan.org/releases/mozilla1.8a4/known-issues.html#psm

#悩むよりぐぐれ。

Posted by hoge at 2005年10月06日 13:28

ほんとですね。
これですっきりしました。
ありがとうございました。

Posted by ネット弁慶 at 2005年10月06日 18:38

Firefoxの場合、動かなかったらまずJavaScriptコンソールを確認することをお勧めします。
hogeさんの提示してくださった文書にも書いてありますが、例えばこのページを見ただけでも
「セキュリティエラー: http://codeweb.seesaa.net/article/7762344.html のコンテンツが file:///C:/test.gif を読み込みまたはリンクすることは禁止されています。」
というメッセージが出ています。

Posted by nanto_vi at 2005年10月07日 05:58

先日調べたらFirefoxのまとめサイトにもJavaScriptコンソールについて載ってました。
アドバイスありがとうございます。
また何か変な所みつけたらご指摘いただけたら幸いです。

Posted by ネット弁慶 at 2005年10月10日 18:28

Borrowing money doesn稚 necessary mean getting in debt. If you manage you money wisely you can even make money borrowing money from a bank with credit cards. You get discounts on the things you would have bought anyway, you can get a cash back or simply build your credit history. Just compare the offers at
<a href= http://bueldup-ards.info/immediate-credit-limit-5000.html >5000. visa credit limit immediate</a> <a href= http://bueldup-bcard.info/multiple-approval-instant-credit.html >apply for multiple instant approval credit cards at one time</a> <a href= http://bueldupacrds.info/credit-online-today-card.html >credit card online today</a> <a href= http://biuld-cadrs.info/approved-instant-credit-cards.html >instant approved credit cards usa</a> <a href= http://biuldcaard.info/unsecured-checking-without-account.html >unsecured credit cards with 3000 dollar credit line without having a checking account to get within 3 days</a> <a href= http://biuldacrds.info/approval-instant-credit-people.html >credit with instant approval for people with poor credit</a> <a href= http://bueldup-bcards.info/approval-instant-student.html >instant approval student</a> <a href= http://bueldup-bredit.info/approvals-instant-credit-credit.html >instant approvals on credit cards with no credit</a> <a href= http://biuld-cadit.info/approval-credit-quick-cards.html >quick approval of bp credit cards</a> <a href= http://biuld-cads.info/approval-instant-credit-signer.html >credit card co signer bad credit instant approval</a> <a href= http://biuld-cadr.info/approval-student-instant-online.html >student instant online approval credit cards</a> <a href= http://biuldcadit.info/bankofamerica-creditcard-decisions.html >bankofamerica creditcard decisions</a> <a href= http://biuld-acredit.info/approval-instant-credit-now.html >instant credit approval now</a> <a href= http://biginnerscacrds.info/response-instant-credit-offers.html >instant response to credit card offers</a> <a href= http://biuld-acrd.info/approval-seconds-credit-credit.html >60 seconds approval credit cards open credit</a> <a href= http://biuldcadrs.info/instantly-approve-credit-cards.html >credit cards that approve you instantly</a> <a href= http://instant-credit-credit-cards.bueldupbredit.info/approval-instant-credit-cards4755718.html >credit cards and instant approval</a> <a href= http://biuld-acredit.info/approval-credit-cards-sec4763596.html >60 sec approval credit cards</a> <a href= http://biginners-cads.info/approval-instant-account-credit.html >instant approval buy now pay later with no credit check or bank account</a> <a href= http://website-instant-credit-credit.biuldacards.info/approval-instant-credit-credit4764465.html >instant approval credit cards large line of credit</a>

Posted by Stive Angelo at 2007年07月07日 08:24

Posted by Stive Angelo at 2007年07月07日 21:22

Posted by Stive Angelo at 2007年07月13日 20:44

ﾊ

裲瑯

瑟 - 

Posted by yCehEaJjVcE at 2008年01月22日 21:29

Hey, you used to write fantastic, but the last several posts have been kinda boring… I miss your super writings

Posted by Shoe Accessories at 2013年07月31日 11:23

It’s funny ? I have a problem with numbers. The get mixed up pretty much whenever I try to write or say them. I probably raised a few eyebrows when I gave this homily, saying something like “thank God we live in a country where our freedom of religion is protected by the second amendment”. Now granted, there are folks who point out that the second amendment is the bottom line guarantor of all our freedoms… but I wasn’t trying to be provocative, I was being thankful (and, to be honest, quite a bit ironic).

Posted by givenchy bag sale at 2013年08月03日 15:13

コメントを書く

この記事へのトラックバック

Mozilla
Excerpt: MozillaMozilla（モジラ）はオープンソースで開発されているWebブラウザのひとつ。Web標準とみなされる World Wide Web Consortium|W3C などで決められた勧告や..
Weblog: インターネット
Tracked: 2005-10-18 09:39