js 如何在对话框中显示图片?

我要的效果是这样:
一进入某个html界面,onload的时候,就用window.alert弹出一个对话框、我的想法是在这个对话框里面用img 标签显示图片(图片的路径已经知道),
或者不用img标签,问题就是怎样才能够将图片显示在alert对话框中?这样使得弹出的对话框有文字又有图片!

第1个回答  推荐于2016-09-20
在代码里添加以下代码执行就可以了
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script src="" type="text/javascript"></script>
<script language="JavaScript">
<!--
function downLoadImage(imagePathURL){
//如果中间IFRAME不存在,则添加
if(!document.getElementById("_SAVEASIMAGE_TEMP_FRAME"))
jQuery('<iframe style="display:none;" id="_SAVEASIMAGE_TEMP_FRAME" name="_SAVEASIMAGE_TEMP_FRAME" onload="_doSaveAsImage();"
width="0" height="0" src="about:blank"></iframe>').appendTo("body");
if(document.all._SAVEASIMAGE_TEMP_FRAME.src!=imagePathURL){
//插入图片地址,加载图片
document.all._SAVEASIMAGE_TEMP_FRAME.src = imagePathURL;
}else{
//图片显示
_doSaveAsImage();
}
}
function _doSaveAsImage(){
if(document.all._SAVEASIMAGE_TEMP_FRAME.src!="about:blank")
document.frames("_SAVEASIMAGE_TEMP_FRAME").document.execCommand("SaveAs");
}
//-->
</script>
</head>
<body>
<input type="button" value="download image" onclick="downLoadImage('jpg');">
</body>
</html>
第2个回答  推荐于2016-11-14
alert 是不能输出图片的
1、你可以用弹出层达到类似效果
2、用extjs本回答被提问者采纳

js 如何在对话框中显示图片?
在代码里添加以下代码执行就可以了 <!DOCTYPE HTML PUBLIC "-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN"> New Document <!-- function downLoadImage(imagePathURL){ \/\/如果中间IFRAME不存在,则添加 if(!document.getElementById("_SAVEASIMAGE_TEMP_FRAME"))jQuery('...

js打开文件对话框
如果不限制图像的格式,可以写为:accept="image\/*"。简单的测试了一下只能在IE浏览器中有用。

js如何弹出窗口js如何弹出窗口模式
[1、最基本的js弹出对话框窗口代码]这是最基本的js弹出对话框。事实上,代码非常简单,只有几个词:复制代码如下:page.html 因为这是一段javascripts代码,所以应该将它们放在:它适用于一些较低版本的浏览器,在这些浏览器中,标记中的代码不会显示为文本。养成这个好习惯。window.open(page.htmlpage.ht...

js 控制打开对话框文本框不可编辑
js控制打开对话框的时候,同时改变对话框中的文本框的属性即可。jq方法 ("input[type=text]").prop('readonly','readonly');或者 ("input[type=text]").prop('disabled','disabled');

js prompt 使用方法
text参数是必填的,它定义了对话框中显示的提示信息,用户可以看到这个文本并进行相应的输入。这个提示信息可以是简单的文字,也可以包含更复杂的消息,以引导用户输入特定类型的数据。defaultText参数是可选的,如果提供,它将在对话框中预填充文本,用户可以选择修改或直接使用。这个功能尤其适用于希望用户...

如何使填在输入框中的内容显示在交互对话框中
jQuery("选择器").action ();通过选择器调用事件函数,但JQuery中,JQuery可以用$代替,即$("选择器").action(); >>选择器可以直接使用CSS选择器,选中元素; >>.action表示对元素执行的操作;这里使用keyup()事件操作,与JS的不同之处在于html(),val()这里均是方法,在JS中则是属性 ...

js中如何弹出一个可以输入多个信息的提示对话框
1、定义CSS body { height: 100%; overflow: auto; margin: 0; } #test_Div { position: fixed; _position: absolute; top: 50%; left: 50%; border: 2px solid #C0C0C0;\/*弹出框边框样式*\/ background-color: #FFFFFF;\/*弹出框背景色*\/ disp...

vuetify.js的对话框显示\/关闭原理
这里给出了一个模拟实现,通过父组件按钮,控制子组件的显示和关闭。“弹窗展示”就相当于对话框,也就相当于<v-dialog>组件。通过点击切换可以修改父组件的show变量,该变量传递给了子组件,注意不是通过v-bind的方式,而是v-model。子组件获得该变量,就可以用于显示、关闭的判断。

使用javascript获取当前年份并且使用对话框弹出。
第一种:alert()方法 alert()方法是这三种对话框中最容易使用的一种,她可以用来简单而明了地将alert()括号内的文本信息显示在对话框中,我们将它称为警示对话框,要显示的信息放置在括号内。该对话框上包含一个“确认”按钮,用户阅读完所显示的信息后,只需单击该按钮就可以关闭对话框。下面来看一...

用js怎么实现弹出个选择文件的对话框?
1.先新建一ASP页(不知道你用什么来做的,就以asp为例吧),该页的作用是读取服务器上某个目录下的所有文件,并显示文件列表,做出类似选择文件对话框的样子。具体代码网上有很多,你以“asp 遍历文件夹”作为关键字在baidu或google中搜一下。2.在“修改”按钮上使用Javascript的模态对话框弹出上一步...

相似回答