0

さまざまな額縁に関するサイトを構築していますが、エンド ユーザーが画像ファイルを div にアップロードしてページに表示できるようにしたいと考えています。私は非常に基本的なフィドルを作りました:

http://jsfiddle.net/Margate/w8C5r/

ユーザーが画像のアップロード ボタンをクリックすると、ページにアップロードするファイルの場所を参照できるウィンドウが開きます。ファイルを見つけて選択します。画像は div タグ内に表示されます。これはJavascriptを使用して可能ですか？

事前に何か助けてくれてありがとう。

<html>
<head>
<title>Upload Image Help!</title>

<style>
#addImage{position: absolute; top: 5px; left: 50px; width: 300px; height: 200px; border: 1px solid black;}
#button{position: absolute; top: 215px; left: 135px; width: 120px; height: 30px;}
</style>
</head>

<body>
<div id="addImage"></div>
<button id="button" type="button">Upload Image</button>
</body>
</html>
4

2 に答える 2

1

これは答えるのが難しい質問ですが、「正しい」答えは「いいえ、これは html、css、および js だけではネイティブに実行できません」です。これは、セキュリティ上の理由から、html タグを介してローカル ファイルを指定できないためです。あなたが持っている唯一の選択肢は、実際にJSがAJAX呼び出しを介してファイルをサーバーにアップロードし、一時的にアップロードされたファイルをdiv自体に表示することです。

于 2013-06-17T16:54:01.283 に答える