0

当用户单击“下载音乐”链接时，我想向用户显示如下所示的弹出窗口？

在此处输入图像描述

如果我使用以下代码，则单击链接后会打开浏览器嵌入式音乐播放器，例如 Apple RealTIme ..

<a href="../mp3/horse.mp3" target="_blank">Click to download</a>

如何防止浏览器运行音乐（不禁用/删除此插件）。

我希望我的浏览器应该下载音乐而不应该播放它！

4

4 回答 4

1

首先，onclick从锚点中删除属性。您不需要为此使用 JavaScript。

其次，让您的服务器content-disposition: attachment在请求 mp3 时返回 HTTP 响应标头。如何执行此操作取决于您的服务器。例如，在 Apache 中，您可以在不涉及服务器端编程语言的情况下使用Header指令。或者，查看Java 中的示例（尽管您应该content-type为 mp3 设置正确的）。

于 2013-01-20T14:42:29.723 回答
1

在 nginx 上，您可以将其添加到您的 nginx.conf

location ~* (.*\.mp3) {
    types { application/octet-stream .mp3; }
    default_type application/octet-stream;
}

并在 apache 上将其添加到您的 httpd.conf 或 .htaccess

<FilesMatch "\.(?i:mp3)$">
  ForceType application/octet-stream
  Header set Content-Disposition attachment
</FilesMatch>

我在http://mp3boo.cc配置上使用了它，并且很好地强制下载 mp3 文件。hth

于 2015-08-13T00:05:29.483 回答
0 
Explaining here how I did it:

1. Add following snippet in web.xml:



<pre><code>
<servlet>
      <servlet-name>MyDownloadServlet</servlet-name>
      <servlet-class>com.lokur.MyDownloadServlet</servlet-class>      
  </servlet>
  <servlet-mapping>
      <servlet-name>MyDownloadServlet</servlet-name>
      <url-pattern>*.download</url-pattern>
  </servlet-mapping>

</pre></code>

2. Add following in your servlet:



public class MyDownloadServlet extends HttpServlet {

    private static final long serialVersionUID = 1L;

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse response)
            throws ServletException, IOException {


        //Set the headers.
        response.setContentType("application/x-download"); 
        response.setHeader("Content-Disposition", "attachment; filename=downloaded_horse.mp3");

    //TODO: pull the file path from the request parameters  
        InputStream fileIn = getServletContext().getResourceAsStream("mp3/horse.mp3");
        ServletOutputStream outstream = response.getOutputStream();

        byte[] outputByte = new byte[40096];

        while(fileIn.read(outputByte, 0, 40096) != -1)
        {
            outstream.write(outputByte, 0, 40096);
        }
        fileIn.close();
        outstream.flush();
        outstream.close();


    }


}


3. Finally this is the requested jsp:


<pre> <code>
       <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
        pageEncoding="ISO-8859-1"

     %>  
    <body>  
    <form action="getMusicFile.download" method="post">
        Wanna download? <input type="submit" value="Download music"> 
      </form>  
    </body>



That's all to it!

Cheers,
Akshay :)
于 2013-01-20T16:07:52.487 回答
0

您可以在服务器的 .htaccess 文件中添加以下代码行，以强制从服务器下载特定文件类型。然后一个正常的链接应该可以工作。

<FilesMatch "\.(?i:mp3)$">
  ForceType application/octet-stream
  Header set Content-Disposition attachment
</FilesMatch>
于 2013-01-20T15:14:26.437 回答