16

警告ボックスまたは確認ボックスに画像を表示するには? 以下のコードを試してみましたが、アラート ボックスに画像の URL が表示されます。誰かが解決するのを手伝ってくれるか、それが不可能な場合は他の提案をしてください。

var image = document.getElementById("myImage").src="hackanm.gif";
alert("OnLoad image"+image );
4

7 に答える 7

12

JavaScript のアラート ボックスでは、純粋なテキストのみを表示できます。代わりに jQuery のような JavaScript ライブラリを使用してモーダルを表示できますか?

これは役に立つかもしれません: http://jqueryui.com/dialog/

次のように実行できます。

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Dialog - Default functionality</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <script>
  body {
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    font-size: 62.5%;
}

  </script>
  <script>
  $(function() {
    $( "#dialog" ).dialog();
  });
  </script>
</head>
<body>

<div id="dialog" title="Basic dialog">
  <p>Image:</p>
  <img src="http://placehold.it/50x50" alt="Placeholder Image" />

</div>


</body>
</html>
于 2013-10-29T13:13:59.707 に答える
8

卑劣だが潜在的に有用な回答: http://picascii.com/ (現在停止中)

https://www.ascii-art-generator.org/es.html (各行の後に \n を忘れずに!)

于 2015-08-19T20:30:32.720 に答える
1

他の人が述べたように、アラートに画像を表示することはできません。解決策は、ウェブページに表示することです。

デバッガーで Web ページを一時停止していて、既にイメージが読み込まれている場合は、それを表示できます。jQuery を使用する必要はありません。このネイティブの 14 行の Javascript を使用すると、コードまたはデバッガーのコマンド ラインから動作します。

function show(img){
 var _=document.getElementById('_'); 
 if(!_){_=document.createElement('canvas');document.body.appendChild(_);}
 _.id='_';
 _.style.top=0;
 _.style.left=0;
 _.width=img.width;
 _.height=img.height;
 _.style.zIndex=9999; 
 _.style.position='absolute';
 _.getContext('2d').drawImage(img,0,0);
}

使用法：

show( myimage );
于 2016-08-09T02:26:05.290 に答える