\r\n\r\n\r\n\r\n```","answerCount":1,"upvoteCount":0,"datePublished":"2015-11-09T01:19:57.667Z","dateModified":"2022-01-12T10:55:45.698Z","suggestedAnswer":[{"@type":"Answer","text":"``で指定するファイルは普通はローカルのものとなります。\r\nですので、ファイルをサーバにアップロードしてから、そのファイルを``タグに指定することになります。\r\n\r\nもしくは、FileAPIを利用することとなります。","dateModified":"2015-11-09T01:26:01.632Z","datePublished":"2015-11-09T01:26:01.632Z","upvoteCount":2,"url":"https://teratail.com/questions/19669#reply-30734","comment":[]}],"breadcrumb":{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://teratail.com","name":"トップ"}},{"@type":"ListItem","position":2,"item":{"@id":"https://teratail.com/tags/JavaScript","name":"JavaScriptに関する質問"}},{"@type":"ListItem","position":3,"item":{"@id":"https://teratail.com/questions/19669","name":"JavaScript で画像ファイルのアップロードについて"}}]}}}

回答率: 85.29%

質問するログイン新規登録

トップ JavaScriptに関する質問JavaScript で画像ファイルのアップロードについて

Q&A

1回答

2214閲覧

JavaScript で画像ファイルのアップロードについて

退会済みユーザー

総合スコア0

0グッド

0クリップ

投稿2015/11/09 01:19

0

0

下記のコードは選択された画像を画面に表示するという物なのですが
画像が表示されません
どうすればできますか？

JavaScript
1<!doctype html>
2<html>
3</head>
4  <meta charset="utf-8">
5  <title></title>
6</head>
7<body>
8  <input type="file" id="imageFile">
9  <input type="button" value="upload" onclick="openImage();">
10  <div id="show"></div>
11  <script>
12    function openImage(){
13      var imageFile = document.getElementById('imageFile').value;
14
15      var show = document.getElementById('show').innerHTML = "<img src='" + imageFile + "'>";
16
17    }
18  </script>
19</body>
20</html>
21

2015/11/09 01:24

サーバへの画像のアップロード自体は成功していますか？

行動規範の内容に同意します

回答1件

0

<input type="file">で指定するファイルは普通はローカルのものとなります。
ですので、ファイルをサーバにアップロードしてから、そのファイルを<img>タグに指定することになります。

もしくは、FileAPIを利用することとなります。

投稿2015/11/09 01:26

総合スコア1698

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.29%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問

トップ JavaScriptに関する質問

JavaScript で画像ファイルのアップロードについて