2

デスクトップから画像を取得して、divタグの1つに入れることができないようです。誰か助けてくれませんか。

<!DOCTYPE html>
<html>
    <body>
    <img src="C:\Users\aldiaz\Desktop\DynamicsTest1.jpg">
        <div id="container" style="width:500px">
            <div id="header" style="background-color:#0000F8;">
                <h1 style="margin-bottom:0;"> Triton Subs</h1>
            </div>
            <div id="image" style="background-color:yellow;  height:200px;width:100px;float:left;">
                <img src="C:\Users\aldiaz\Desktop\DynamicsTest1.jpg height:200px; width:100px;floatleft;">
            </div>
            <div id="content" style="background- color:#D7D7D7;height:200px;width:400px;float:left;">Dear [FIRSTNAME] [LASTNAME],<br/> <br/>You have earned 5 videos and are ready to redeem.<br/><br/>Log into the Triton Submarines Experience now to choose your reward!
            </div>
            <div id="footer" style="background-color:#0000F8;clear:both;text-align:center;"> Trinto Sub Co
            </div>
        </div>
    </body>
</html>
4

3 に答える 3

3

あなたは書く必要があります：

<img src="C:\Users\aldiaz\Desktop\DynamicsTest1.jpg" style="height:200px;width:100px;float:left">
于 2012-09-19T20:16:07.710 に答える
1

ブラウザーは、そのような方法でコンピューター上のファイルにアクセスできるようにすることは想定されていません (まあ、IE はできますが、そうすべきではありません)。これは、セキュリティ上の脆弱性と見なされます。許可されたとしても、そのページにアクセスした他の誰も画像を見ることはできません。なぜなら、彼らのコンピューターには aldiaz という名前のユーザーがいない可能性が高いからです。仮にそうだったとしても、その画像はおそらく彼のデスクトップには存在しません。 .

ウェブサーバーにアップロードする前にテスト中にローカルで画像にリンクしている場合は、他の人が提案したように相対 URL を使用してください。

ユーザーが画像をアップロードする前に画像をプレビューする場合は、比較的新しい FileReader API の使用方法に関する優れたチュートリアルが数多くあります。

http://html5doctor.com/drag-and-drop-to-server/

于 2012-09-19T20:50:36.217 に答える
1

HTML ファイルがデスクトップにある場合は、次のような RELATIVE ファイル パスを使用します。

 <img src="images/DynamicsTest1.jpg">
于 2012-09-19T20:16:40.333 に答える