打开＆QUOT;另存为＆QUOT;对话框要下载图片 [英] Open "Save As" Dialog Box To Download Image

问题描述

我已经检查所有的地方的答案，这一个，但没有运气。

我想要一个按钮或链接，将打开另存为对话框。简单吧？

我知道我可以在新窗口/选项卡中打开图像（因为我现在做的），然后使用单击右键，另存为方法，但如使用这个人是不是在框中锐利的刀，所以我想使下载尽可能简单。

在目前的code是：

＆LT;按钮类=downloadButton类型=提交的onClick =window.open（'＆LT;％= （rsContent.Fields.Item（ContentImage）值。）％GT;'）＆GT;下载图片＆LT; /按钮＆GT;


但这将图像加载到一个新的窗口/新标签。

为了记录，用户使用的是Windows XP的Internet Explorer 8，所以我们不能使用下载 HTML5事件。

我不介意，如果它的JavaScript，JQuery的或传统的ASP。

在此先感谢您的帮助。

铅

更新的

使用MDN code Lankymart 贴出来，我试着按原样和它的工作（为开/一个Excel文件下载），但是，我试图改变部分下载图片，并没有奏效。

下面是经典的ASP code：

＆LT;％
昏暗rsImage__imageID
rsImage__imageID =1
如果（的Request.QueryString（imageID）＆所述;＆gt;中）。然后
  rsImage__imageID =的Request.QueryString（imageID）
万一
％GT;
＆LT;％
昏暗rsImage
昏暗rsImage_cmd
昏暗rsImage_numRows设置rsImage_cmd =的Server.CreateObject（ADODB.Command）
rsImage_cmd.ActiveConnection = MM_ENG_STRING
rsImage_cmd.CommandText =SELECT内容识别，ContentImage，DisplayImage FROM tblContent WHERE Con​​tentImage =？
rsImage_cmd。prepared = TRUE
rsImage_cmd.Parameters.Append rsImage_cmd.CreateParameter（参数1，5，1，-1，rsImage__imageID）'adDouble设置rsImage = rsImage_cmd.Execute
rsImage_numRows = 0
％GT;


和的（严重）改变MDN code：

＆LT;％
设置内容类型，你发送的特定类型。
Response.ContentType =图像/ JPEG常量adTypeBinary = 1
昏暗strImageFilestrImageFile =（rsImage.Fields.Item（ContentImage）。值）这是在磁盘上的文件的路径和名称。设置objStream =的Server.CreateObject（的ADODB.Stream）
objStream.Open
objStream.Type = adTypeBinary
objStream.LoadFromFile strImageFileResponse.BinaryWrite objStream.ReadobjStream.Close
设置objStream =什么
％GT;


我把它用：

＆LT;按钮类=downloadButton类型=提交 onClick=\"window.location.href='image-download.asp?imageID=<%=(rsContent.Fields.Item(\"ContentID\").Value)%>';\">Download图片＆LT; /按钮＆GT;


它产生的错误是：

图像的http：//本地主机：？85 /管理/英语/图像下载... p imageID = 5 不能被显示，因为它包含的错误。


页面code是：

＆LT; HTML和GT;    ＆LT; HEAD＆GT;
        ＆LT; META NAME =视口CONTENT =WIDTH =设备的宽度，高度=设备的高度;＆GT;＆LT; /元＆GT;
        ＆LT;链接rel =stylesheet属性HREF =资源：//gre/res/ImageDocument.css＆GT;＆LT; /链接＆GT;
        ＆LT;链接rel =stylesheet属性HREF =资源：//gre/res/TopLevelImageDocument.css＆GT;＆LT; /链接＆GT;
        ＆LT;链接rel =stylesheet属性HREF =铬：//global/skin/media/TopLevelImageDocument.css＆GT;＆LT; /链接＆GT;
        ＆LT;标题＆GT;            图像download.asp（JPEG图像）        ＆LT; /标题＆GT;
    ＆LT; /头＆GT;
    ＆LT;身体GT;
        ＆LT; IMG SRC =HTTP：//本地主机：85 /管理/英语/图像download.asp imageID = 5ALT =形象的http：//本地主机：85 /管理/英语/图像下载。 ... p'imageID = 5无法显示，因为它包含的错误。标题=＆GT;＆LT; / IMG＆GT;
    ＆LT; /身体GT;＆LT; / HTML＆GT;


解决方案

更新 - 在问题相关的意见

您也可以找到你需要包括

Response.AddHeader（Content-Length的LENB（yourbinary））


要从未能验证有效载荷阻止一些浏览器。另外很重要的在的ContentType 匹配，如果你不确定使用

什么是发送

Response.Content =应用程序/八位字节流


---

有没有办法从浏览器启动另存为对话框通过JavaScript，但你可以伪造浏览器进入由设置附件值显示另存为对话框内容处置 HTTP标头。

我已经解决这个问题的方法是使用一个ASP页面生成图像（通过COM组件的ADODB.Stream，数据库的blob等），这样你可以使用;

Response.AddHeader（内容处置，附件;文件名= myImage.jpg这个参数）


这将迫使图像进行保存，而不是内嵌显示。因此，与这样的脚本，您可以传递一个查​​询字符串值，其显示嵌入式（查看影像时），一个以迫使它作为附件，这将迫使另存为对话框（浏览器的行为可能略有不同）。

  

流的浏览器

  
  

使用的ADODB.Stream 对象文件输出到浏览器。

  
  

  
• 返回使用ASP的图像，而不是.NET 的（计算器）的

  
• 如何使用ADODB.Stream对象通过ASP发送二进制文件浏览器 （Microsoft支持）的

  

在过去，我使用javascript启动另存为对话框（但没有什么用HTML锚标记做同样的事情阻止你不需要任何JavaScript）;

/ *
传递myimageid被识别图像的一种方式，返回
无论是数据库或文件系统的查找。
* /
window.location.href =/myimage.asp?id=myimageid&display=attachment;


由于作为与从传递的文件的名称立即显示对话框中的响应作为附件的位置从来没有真正改变和拯救内容处置 HTTP头中的文件名框中。

I've been checking all over the place for an answer to this one but no luck.

I want a button or link that will open the "Save As" dialog box. Simple?

I know I can open the image in a new window/tab (as I'm doing now) and then use the right-click, save as method but as the people using this are not the sharpest knives in the box, so I want to make the download as simple as possible.

The code at the moment is:

<button class="downloadButton" type="submit" onClick="window.open('<%=(rsContent.Fields.Item("ContentImage").Value)%>')">Download Image</button>

but this loads the image into a new window/new tab.

Just for the record, the users are using Windows XP with Internet Explorer 8 so we can't use the download HTML5 event.

I don't mind if its JavaScript, JQuery or classic ASP.

Thanks in advance for the help.

Pb

UPDATE

Using the MDN code Lankymart posted, I tried as-is and it worked (for the open/download of an Excel document), however, I tried changing parts to download images and it didn't work.

Here is the Classic ASP code:

<%
Dim rsImage__imageID
rsImage__imageID = "1"
If (Request.QueryString("imageID")  <> "") Then 
  rsImage__imageID = Request.QueryString("imageID") 
End If
%>
<%
Dim rsImage
Dim rsImage_cmd
Dim rsImage_numRows

Set rsImage_cmd = Server.CreateObject ("ADODB.Command")
rsImage_cmd.ActiveConnection = MM_ENG_STRING
rsImage_cmd.CommandText = "SELECT ContentID, ContentImage, DisplayImage FROM tblContent WHERE ContentImage = ?" 
rsImage_cmd.Prepared = true
rsImage_cmd.Parameters.Append rsImage_cmd.CreateParameter("param1", 5, 1, -1, rsImage__imageID) ' adDouble

Set rsImage = rsImage_cmd.Execute
rsImage_numRows = 0
%>

and the (badly) altered MDN code:

<%
'Set the content type to the specific type that you are sending.
Response.ContentType = "image/JPEG"

Const adTypeBinary = 1
Dim strImageFile

strImageFile = (rsImage.Fields.Item("ContentImage").Value) 'This is the path and name of the file on disk. 

Set objStream = Server.CreateObject("ADODB.Stream")
objStream.Open
objStream.Type = adTypeBinary
objStream.LoadFromFile strImageFile

Response.BinaryWrite objStream.Read

objStream.Close
Set objStream = Nothing
%>

I call it using:

<button class="downloadButton" type="submit" onClick="window.location.href='image-download.asp?imageID=<%=(rsContent.Fields.Item("ContentID").Value)%>';">Download Image</button>

The error it produces is:

The image "http://localhost:85/admin/english/image-download.…p?imageID=5" cannot be displayed because it contains errors.

The page code is:

<html>

    <head>
        <meta name="viewport" content="width=device-width; height=device-height;"></meta>
        <link rel="stylesheet" href="resource://gre/res/ImageDocument.css"></link>
        <link rel="stylesheet" href="resource://gre/res/TopLevelImageDocument.css"></link>
        <link rel="stylesheet" href="chrome://global/skin/media/TopLevelImageDocument.css"></link>
        <title>

            image-download.asp (JPEG Image)

        </title>
    </head>
    <body>
        <img src="http://localhost:85/admin/english/image-download.asp?imageID=5" alt="The image "http://localhost:85/admin/english/image-download.…p?imageID=5" cannot be displayed because it contains errors." title=""></img>
    </body>

</html>

解决方案

Update - Related to comments in the question

You may also find you need to include

Response.AddHeader("Content-Length", LenB(yourbinary))

To stop some browsers from failing to validate the payload. Also it's important the the ContentType matches what is sent if you are unsure use

Response.Content = "application/octet-stream"

---

There is no way to initiate the Save As Dialog from the browser via javascript but you can fake the browser into displaying the Save As dialog by setting the attachment value in the Content-Disposition HTTP header.

The way I've tackled this is use a ASP page to generate the image (via COM component, ADODB.Stream, database blob etc) that way you can use;

Response.AddHeader("Content-Disposition", "attachment;filename=myimage.jpg")

This will force the image to be saved rather than displayed inline. So with a script like this you can pass one querystring value to it to display inline (when viewing the image) and one to force it as an attachment which will force the Save As dialog (browser behaviour may be slightly different).

Streaming to the Browser

Using the ADODB.Stream object to output files to the browser.

• Return an image using ASP, not .NET (StackOverflow)
• How To Use the ADODB.Stream Object to Send Binary Files to the Browser through ASP (Microsoft Support).

In the past I've initiated the Save As dialog using javascript (but there is nothing stopping you using a HTML anchor tag to do the same thing without any javascript);

/* 
passing myimageid is a way of identifying the image to return 
be it a database or file system lookup.
*/
window.location.href = "/myimage.asp?id=myimageid&display=attachment";

Because the response comes back as an attachment the location is never actually changed and the Save As dialog is displayed immediately with the name of the file passed from the Content-Disposition HTTP header in the file name box.

这篇关于打开＆QUOT;另存为＆QUOT;对话框要下载图片的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！