blocks|key|355329|text|不是链接到.PDF文件，而是执行如下操作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|355330|<a+href="pdf_server.php?file=pdffilename">Download+my+eBook</a>|code-block|syntax|javascript|355331|它输出一个自定义标题，打开PDF+(二进制安全)并将数据打印到用户的浏览器，然后他们可以选择保存PDF，而不管他们的浏览器设置。pdf_server.php应如下所示：|355332|header("Content-Type:+application/octet-stream");

$file+=+$_GET["file"]+.".pdf";
header("Content-Disposition:+attachment;+filename="+.+urlencode($file));+++
header("Content-Type:+application/octet-stream");
header("Content-Type:+application/download");
header("Content-Description:+File+Transfer");++++++++++++
header("Content-Length:+"+.+filesize($file));
flush();+//+this+doesn't+really+matter.
$fp+=+fopen($file,+"r");
while+(!feof($fp))
{
++++echo+fread($fp,+65536);
++++flush();+//+this+is+essential+for+large+downloads
}+
fclose($fp);+|355333|PS:显然，在"+file“变量上运行一些健全性检查，以防止他人窃取您的文件，例如不接受文件扩展名、拒绝斜杠、将.pdf添加到值中|355334|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Instead of linking to the .PDF file, instead do something like 

<pre><code>&lt;a href="pdf_server.php?file=pdffilename"&gt;Download my eBook&lt;/a&gt;
</code></pre>

which outputs a custom header, opens the PDF (binary safe) and prints the data to the user's browser, then they can choose to save the PDF despite their browser settings. The pdf_server.php should look like this:

<pre><code>header("Content-Type: application/octet-stream");

$file = $_GET["file"] .".pdf";
header("Content-Disposition: attachment; filename=" . urlencode($file)); 
header("Content-Type: application/octet-stream");
header("Content-Type: application/download");
header("Content-Description: File Transfer"); 
header("Content-Length: " . filesize($file));
flush(); // this doesn't really matter.
$fp = fopen($file, "r");
while (!feof($fp))
{
 echo fread($fp, 65536);
 flush(); // this is essential for large downloads
} 
fclose($fp); 
</code></pre>

PS: and obviously run some sanity checks on the "file" variable to prevent people from stealing your files such as don't accept file extensions, deny slashes, add .pdf to the value

blocks|key|3351512|text|这就是关键：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3351513|header("Content-Type:+application/octet-stream");|code-block|syntax|javascript|3351514|Content-type+application/x-+PDF+-在发送PDF文件时发送文档或application/pdf。Adobe+Reader通常会设置此MIME类型的处理程序，以便在接收到任何PDF+MIME类型时，浏览器会将文档传递给Adobe+Reader。|3351515|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This is the key:

<pre><code>header("Content-Type: application/octet-stream");
</code></pre>

Content-type application/x-pdf-document or application/pdf is sent while sending PDF file. Adobe Reader usually sets the handler for this MIME type so browser will pass the document to Adobe Reader when any of PDF MIME types is received.

blocks|key|3351545|text|在Ruby+on+Rails应用程序中(特别是使用像Prawn+gem和Prawnto+Rails插件这样的东西)，您可以比完整的on脚本(如前面的PHP示例)更简单地实现这一点。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3351546|在您的控制器中：|3351547|def+index

+respond_to+do+%7Cformat%7C
+++format.html+#+Your+HTML+view
+++format.pdf+{+render+:layout+=>+false+}
+end
end|code-block|syntax|javascript|3351548|render+:layout+=>+false部分告诉浏览器打开“你想下载这个文件吗？”提示，而不是尝试呈现PDF。然后您就可以正常地链接到该文件：http://mysite.com/myawesomepdf.pdf|offset|length|3351549|entityMap|0|LINK|mutability|MUTABLE|url|http://mysite.com/myawesomepdf.pdf^0|0|0|0|22|Y|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@$K|Y|L|Z|1|10]]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

In a Ruby on Rails application (especially with something like the Prawn gem and the Prawnto Rails plugin), you can accomplish this a little more simply than a full on script (like the previous PHP example).

In your controller:

<pre><code>def index

 respond_to do |format|
 format.html # Your HTML view
 format.pdf { render :layout =&gt; false }
 end
end
</code></pre>

The render :layout => false part tells the browser to open up the "Would you like to download this file?" prompt instead of attempting to render the PDF. Then you would be able to link to the file normally: <a href="http://mysite.com/myawesomepdf.pdf" rel="nofollow noreferrer">http://mysite.com/myawesomepdf.pdf</a>

blocks|key|355419|text|不要让遍历每一个文件行。改为使用读取文件，这样会更快。这不在php网站上：http://php.net/manual/en/function.readfile.php|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|355420|$file+=+$_GET["file"];
if+(file_exists($file))+{
++++header('Content-Description:+File+Transfer');
++++header('Content-Type:+application/octet-stream');
++++header("Content-Type:+application/force-download");
++++header('Content-Disposition:+attachment;+filename='+.+urlencode(basename($file)));
++++//+header('Content-Transfer-Encoding:+binary');
++++header('Expires:+0');
++++header('Cache-Control:+must-revalidate,+post-check=0,+pre-check=0');
++++header('Pragma:+public');
++++header('Content-Length:+'+.+filesize($file));
++++ob_clean();
++++flush();
++++readfile($file);
++++exit;
}|code-block|syntax|javascript|355421|确保清理你的get变量，因为有人可以下载一些php文件...|355422|entityMap|0|LINK|mutability|MUTABLE|url|http://php.net/manual/en/function.readfile.php^0|0|3|G|4|11|1A|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|F|3|G|5|H|7|12|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|13|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

Don't loop through every file line.
Use readfile instead, its faster. This is off the php site:
<a href="http://php.net/manual/en/function.readfile.php" rel="noreferrer">http://php.net/manual/en/function.readfile.php</a>

<pre><code>$file = $_GET["file"];
if (file_exists($file)) {
 header('Content-Description: File Transfer');
 header('Content-Type: application/octet-stream');
 header("Content-Type: application/force-download");
 header('Content-Disposition: attachment; filename=' . urlencode(basename($file)));
 // header('Content-Transfer-Encoding: binary');
 header('Expires: 0');
 header('Cache-Control: must-revalidate, post-check=0, pre-check=0');
 header('Pragma: public');
 header('Content-Length: ' . filesize($file));
 ob_clean();
 flush();
 readfile($file);
 exit;
}
</code></pre>

Make sure to sanitize your get variable as someone could download some php files...

blocks|key|3138866|text|与使用PHP脚本读取和刷新文件相比，使用.htaccess重写文件头文件更为灵活。这将保留一个“好”的网址(用myfile.pdf代替download.php?myfile)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3138867|<FilesMatch+"\.pdf$">
ForceType+applicaton/octet-stream
Header+set+Content-Disposition+attachment
</FilesMatch>|code-block|syntax|javascript|3138868|entityMap^0|K|9|1J|A|1V|J|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|U|8|@]|D|@]|E|$]]]|L|$]]

Instead of using a PHP script, to read and flush the file, it's more neat to rewrite the header using <code>.htaccess</code>. This will keep a "nice" URL (<code>myfile.pdf</code> instead of <code>download.php?myfile</code>).

<pre><code>&lt;FilesMatch "\.pdf$"&gt;
ForceType applicaton/octet-stream
Header set Content-Disposition attachment
&lt;/FilesMatch&gt;
</code></pre>

blocks|key|3138870|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3138871|<a+href="pdf_server_with_path.php?file=pdffilename&path=http://myurl.com/mypath/">Download+my+eBook</a>|offset|length|style|CODE|3138872|pdf_server_with_path.php中的代码是：|3138873|header("Content-Type:+application/octet-stream");

$file+=+$_GET["file"]+.".pdf";
$path+=+$_GET["path"];
$fullfile+=+$path.$file;

header("Content-Disposition:+attachment;+filename="+.+Urlencode($file));+++
header("Content-Type:+application/force-download");
header("Content-Type:+application/octet-stream");
header("Content-Type:+application/download");
header("Content-Description:+File+Transfer");++++++++++++
header("Content-Length:+"+.+Filesize($fullfile));
flush();+//+this+doesn't+really+matter.
$fp+=+fopen($fullfile,+"r");
while+(!feof($fp))
{
++++echo+fread($fp,+65536);
++++flush();+//+this+is+essential+for+large+downloads
}+
fclose($fp);|code-block|syntax|javascript|3138874|entityMap^0|0|0|2V|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@$D|S|E|T|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|U|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|V|8|@]|9|@]|A|$M|N]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Try this:

<code>&lt;a href="pdf_server_with_path.php?file=pdffilename&amp;path=http://myurl.com/mypath/"&gt;Download my eBook&lt;/a&gt;</code>

The code inside pdf_server_with_path.php is:

<pre><code>header("Content-Type: application/octet-stream");

$file = $_GET["file"] .".pdf";
$path = $_GET["path"];
$fullfile = $path.$file;

header("Content-Disposition: attachment; filename=" . Urlencode($file)); 
header("Content-Type: application/force-download");
header("Content-Type: application/octet-stream");
header("Content-Type: application/download");
header("Content-Description: File Transfer"); 
header("Content-Length: " . Filesize($fullfile));
flush(); // this doesn't really matter.
$fp = fopen($fullfile, "r");
while (!feof($fp))
{
 echo fread($fp, 65536);
 flush(); // this is essential for large downloads
} 
fclose($fp);
</code></pre>

blocks|key|355447|text|这是一个常见的问题，但很少有人知道有一个简单的HTML5解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|355448|<a+href="./directory/yourfile.pdf"+download="newfilename">Download+the+pdf</a>|code-block|syntax|javascript|355449|其中，newfilename是建议用户保存文件的文件名。或者，如果保留为空，它将默认为服务器端的文件名，如下所示：|offset|length|style|CODE|355450|<a+href="./directory/yourfile.pdf"+download>Download+the+pdf</a>|355451|兼容性:我在Firefox21和Iron上进行了测试，两者都工作得很好。它可能无法在HTML5不兼容或过时的浏览器上工作。我测试的唯一没有强制下载的浏览器是IE……|355452|在此处检查兼容性：http://caniuse.com/#feat=download|355453|entityMap|0|LINK|mutability|MUTABLE|url|http://caniuse.com/#feat=download^0|0|0|3|B|0|0|0|9|X|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@$I|13|J|14|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|16|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|17|8|@]|9|@$I|18|J|19|1|1A]]|A|$]]|$1|S|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

This is a common issue but few people know there's a simple HTML 5 solution:

<pre><code>&lt;a href="./directory/yourfile.pdf" download="newfilename"&gt;Download the pdf&lt;/a&gt;
</code></pre>

Where <code>newfilename</code> is the suggested filename for the user to save the file. Or it will default to the filename on the serverside if you leave it empty, like this:

<pre><code>&lt;a href="./directory/yourfile.pdf" download&gt;Download the pdf&lt;/a&gt;
</code></pre>

Compatibility: I tested this on Firefox 21 and Iron, both worked fine. It might not work on HTML5-incompatible or outdated browsers. The only browser I tested that didn't force download is IE...

Check compatibility here: <a href="http://caniuse.com/#feat=download" rel="noreferrer">http://caniuse.com/#feat=download</a>

blocks|key|3138935|text|我找到了一种方法，可以使用普通的旧式HTML和JavaScript/jQuery来实现这一点，但它会优雅地降级。在IE7-10、Safari、Chrome和FF中测试：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3138936|下载链接的HTML：|3138937|Thanks+for+downloading!+If+your+download+doesn't+start+shortly,+
<a+id="downloadLink"+href="...yourpdf.pdf"+target="_blank"+
type="application/octet-stream"+download="yourpdf.pdf">click+here</a>.|code-block|syntax|javascript|3138938|模拟小延迟后点击链接的jQuery+(纯JavaScript代码会更冗长)：|3138939|var+delay+=+3000;
window.setTimeout(function(){$('#downloadLink')[0].click();},delay);|3138940|要使其更加健壮，您可以添加HTML5特性检测，如果没有，则使用window.open()打开一个包含该文件的新窗口。|offset|length|style|CODE|3138941|entityMap^0|0|0|0|0|0|V|D|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|Z|8|@$O|10|P|11|Q|R]]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

I found a way to do it with plain old HTML and JavaScript/jQuery that degrades gracefully. Tested in IE7-10, Safari, Chrome, and FF:

HTML for download link:

<pre><code>&lt;p&gt;Thanks for downloading! If your download doesn't start shortly, 
&lt;a id="downloadLink" href="...yourpdf.pdf" target="_blank" 
type="application/octet-stream" download="yourpdf.pdf"&gt;click here&lt;/a&gt;.&lt;/p&gt;
</code></pre>

jQuery (pure JavaScript code would be more verbose) that simulates clicking on link after a small delay:

<pre><code>var delay = 3000;
window.setTimeout(function(){$('#downloadLink')[0].click();},delay);
</code></pre>

To make this more robust you could add HTML5 feature detection and if it's not there then use <code>window.open()</code> to open a new window with the file.

blocks|key|3351707|text|这里有一种不同的方法。我更喜欢使用web服务器逻辑，而不是依赖浏览器支持，或者在应用层解决这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3351708|如果您使用的是Apache，并且可以在相关目录中放置一个.htaccess文件，则可以使用以下代码。当然，如果您有权访问它，您也可以将其放入httpd.conf中。|3351709|<FilesMatch+"\.(?i:pdf)$">
++Header+set+Content-Disposition+attachment
</FilesMatch>|code-block|syntax|javascript|3351710|FilesMatch指令只是一个正则表达式，因此可以根据需要进行粒度设置，也可以添加其他扩展。|3351711|标题行的作用与上面的PHP脚本中的第一行相同。如果您还需要设置Content-Type行，可以使用相同的方式进行设置，但我发现没有必要这样做。|3351712|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Here's a different approach. I prefer rather than to rely on browser support, or address this at the application layer, to use web server logic.

If you are using Apache, and can put an .htaccess file in the relevant directory you could use the code below. Of course, you could put this in httpd.conf as well, if you have access to that.

<pre><code>&lt;FilesMatch "\.(?i:pdf)$"&gt;
 Header set Content-Disposition attachment
&lt;/FilesMatch&gt;
</code></pre>

The FilesMatch directive is just a regex so it could be set as granularly as you want, or you could add in other extensions.

The Header line does the same thing as the first line in the PHP scripts above. If you need to set the Content-Type lines as well, you could do so in the same manner, but I haven't found that necessary.

blocks|key|3351724|text|我知道我回答这个问题已经很晚了，但是我发现了一个用javascript实现这个问题的技巧。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3351725|function+downloadFile(src){
++++var+link=document.createElement('a');
++++document.body.appendChild(link);
++++link.href=+src;
++++link.download+=+'';
++++link.click();
}|code-block|syntax|javascript|3351726|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I know I am very late to answer this but I found a hack to do this in javascript.

<pre><code>function downloadFile(src){
 var link=document.createElement('a');
 document.body.appendChild(link);
 link.href= src;
 link.download = '';
 link.click();
}
</code></pre>

blocks|key|355492|text|我使用PDF文件的整个url+(而不是仅仅将文件名或位置放入href)来解决我的问题:一个href="domain+.+com/pdf/filename.pdf“|type|unstyled|depth|inlineStyleRanges|entityRanges|data|355493|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I solved mine using the whole url of the PDF file (Instead of just putting the file name or location to href): 
 a href="domain . com/pdf/filename.pdf"

blocks|key|358130|text|如果您需要限制下载速率，请使用此代码！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|358131|<?php
$local_file+=+'file.zip';
$download_file+=+'name.zip';

//+set+the+download+rate+limit+(=>+20,5+kb/s)
$download_rate+=+20.5;
if(file_exists($local_file)+&&+is_file($local_file))
{
header('Cache-control:+private');
header('Content-Type:+application/octet-stream');
header('Content-Length:+'.filesize($local_file));
header('Content-Disposition:+filename='.$download_file);

flush();
$file+=+fopen($local_file,+"r");
while(!feof($file))
{
++++//+send+the+current+file+part+to+the+browser
++++print+fread($file,+round($download_rate+*+1024));
++++//+flush+the+content+to+the+browser
++++flush();
++++//+sleep+one+second
++++sleep(1);
}
fclose($file);}
else+{
die('Error:+The+file+'.$local_file.'+does+not+exist!');
}

?>|code-block|syntax|javascript|358132|有关更多信息，请访问click+here|offset|length|358133|entityMap|0|LINK|mutability|MUTABLE|url|http://php.net/manual/en/function.readfile.php^0|0|0|A|A|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

if you need to limit download rate, use this code !!

<pre><code>&lt;?php
$local_file = 'file.zip';
$download_file = 'name.zip';

// set the download rate limit (=&gt; 20,5 kb/s)
$download_rate = 20.5;
if(file_exists($local_file) &amp;&amp; is_file($local_file))
{
header('Cache-control: private');
header('Content-Type: application/octet-stream');
header('Content-Length: '.filesize($local_file));
header('Content-Disposition: filename='.$download_file);

flush();
$file = fopen($local_file, "r");
while(!feof($file))
{
 // send the current file part to the browser
 print fread($file, round($download_rate * 1024));
 // flush the content to the browser
 flush();
 // sleep one second
 sleep(1);
}
fclose($file);}
else {
die('Error: The file '.$local_file.' does not exist!');
}

?&gt;
</code></pre>

For more information <a href="http://php.net/manual/en/function.readfile.php" rel="nofollow noreferrer">click here</a>

blocks|key|3351770|text|<!DOCTYPE+html>++
<html+xmlns="http://www.w3.org/1999/xhtml">++
<head>++
++++<title>File+Uploader</title>++
++++<script+src="../Script/angular1.3.8.js"></script>++
++++<script+src="../Script/angular-route.js"></script>++
++++<script+src="../UserScript/MyApp.js"></script>++
++++<script+src="../UserScript/FileUploder.js"></script>++
++++<>++
++++++++.percent+{++
++++++++++++position:+absolute;++
++++++++++++width:+300px;++
++++++++++++height:+14px;++
++++++++++++z-index:+1;++
++++++++++++text-align:+center;++
++++++++++++font-size:+0.8em;++
++++++++++++color:+white;++
++++++++}++

++++++++.progress-bar+{++
++++++++++++width:+300px;++
++++++++++++height:+14px;++
++++++++++++border-radius:+10px;++
++++++++++++border:+1px+solid+#CCC;++
++++++++++++background-image:+-webkit-gradient(linear,+left+top,+left+bottom,+from(#6666cc),+to(#4b4b95));++
++++++++++++border-image:+initial;++
++++++++}++

++++++++.uploaded+{++
++++++++++++padding:+0;++
++++++++++++height:+14px;++
++++++++++++border-radius:+10px;++
++++++++++++background-image:+-webkit-gradient(linear,+left+top,+left+bottom,+from(#66cc00),+to(#4b9500));++
++++++++++++border-image:+initial;++
++++++++}++
++++</>++
</head>++
<body+ng-app="MyApp"+ng-controller="FileUploder">++
++++<div>++
++++++++<table+="width:100%25;border:solid;">++
++++++++++++<tr>++
++++++++++++++++<td>Select+File</td>++
++++++++++++++++<td>++
++++++++++++++++++++<input+type="file"+ng-model-instant+id="fileToUpload"+onchange="angular.element(this).scope().setFiles(this)"+/>++
++++++++++++++++</td>++
++++++++++++</tr>++
++++++++++++<tr>++
++++++++++++++++<td>File+Size</td>++
++++++++++++++++<td>++
++++++++++++++++++++<div+ng-repeat="file+in+files.slice(0)">++
++++++++++++++++++++++++<span+ng-switch="file.size+>+1024*1024">++
++++++++++++++++++++++++++++<span+ng-switch-when="true">{{file.size+/+1024+/+1024+%7C+number:2}}+MB++
++++++++++++++++++++++++++++<span+ng-switch-default>{{file.size+/+1024+%7C+number:2}}+kB++
++++++++++++++++++++++++++
++++++++++++++++++++</div>++
++++++++++++++++</td>++
++++++++++++</tr>+++++++++++++
++++++++++++<tr>++
++++++++++++++++<td>++
++++++++++++++++++++File+Attach+Status++
++++++++++++++++</td>++
++++++++++++++++<td>{{AttachStatus}}</td>++
++++++++++++</tr>++
++++++++++++<tr>++
++++++++++++++++<td>++
++++++++++++++++++++<input+type="button"+value="Upload"+ng-click="fnUpload();"+/>++
++++++++++++++++</td>++
++++++++++++++++<td>++
++++++++++++++++++++<input+type="button"+value="DownLoad"+ng-click="fnDownLoad();"+/>++
++++++++++++++++</td>++
++++++++++++</tr>++
++++++++</table>++
++++</div>++
</body>++
</html>+++|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3351771|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>&lt;!DOCTYPE html&gt; 
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; 
&lt;head&gt; 
 &lt;title&gt;File Uploader&lt;/title&gt; 
 &lt;script src="../Script/angular1.3.8.js"&gt;&lt;/script&gt; 
 &lt;script src="../Script/angular-route.js"&gt;&lt;/script&gt; 
 &lt;script src="../UserScript/MyApp.js"&gt;&lt;/script&gt; 
 &lt;script src="../UserScript/FileUploder.js"&gt;&lt;/script&gt; 
 &lt;&gt; 
 .percent { 
 position: absolute; 
 width: 300px; 
 height: 14px; 
 z-index: 1; 
 text-align: center; 
 font-size: 0.8em; 
 color: white; 
 } 

 .progress-bar { 
 width: 300px; 
 height: 14px; 
 border-radius: 10px; 
 border: 1px solid #CCC; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#6666cc), to(#4b4b95)); 
 border-image: initial; 
 } 

 .uploaded { 
 padding: 0; 
 height: 14px; 
 border-radius: 10px; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#66cc00), to(#4b9500)); 
 border-image: initial; 
 } 
 &lt;/&gt; 
&lt;/head&gt; 
&lt;body ng-app="MyApp" ng-controller="FileUploder"&gt; 
 &lt;div&gt; 
 &lt;table ="width:100%;border:solid;"&gt; 
 &lt;tr&gt; 
 &lt;td&gt;Select File&lt;/td&gt; 
 &lt;td&gt; 
 &lt;input type="file" ng-model-instant id="fileToUpload" onchange="angular.element(this).scope().setFiles(this)" /&gt; 
 &lt;/td&gt; 
 &lt;/tr&gt; 
 &lt;tr&gt; 
 &lt;td&gt;File Size&lt;/td&gt; 
 &lt;td&gt; 
 &lt;div ng-repeat="file in files.slice(0)"&gt; 
 &lt;span ng-switch="file.size &gt; 1024*1024"&gt; 
 &lt;span ng-switch-when="true"&gt;{{file.size / 1024 / 1024 | number:2}} MB&lt;/span&gt; 
 &lt;span ng-switch-default&gt;{{file.size / 1024 | number:2}} kB&lt;/span&gt; 
 &lt;/span&gt; 
 &lt;/div&gt; 
 &lt;/td&gt; 
 &lt;/tr&gt; 
 &lt;tr&gt; 
 &lt;td&gt; 
 File Attach Status 
 &lt;/td&gt; 
 &lt;td&gt;{{AttachStatus}}&lt;/td&gt; 
 &lt;/tr&gt; 
 &lt;tr&gt; 
 &lt;td&gt; 
 &lt;input type="button" value="Upload" ng-click="fnUpload();" /&gt; 
 &lt;/td&gt; 
 &lt;td&gt; 
 &lt;input type="button" value="DownLoad" ng-click="fnDownLoad();" /&gt; 
 &lt;/td&gt; 
 &lt;/tr&gt; 
 &lt;/table&gt; 
 &lt;/div&gt; 
&lt;/body&gt; 
&lt;/html&gt; 
</code></pre>

blocks|key|3351805|text|这可以使用HTML来实现。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3351806|<a+href="myfile.pdf">Download+Brochure</a>|code-block|syntax|javascript|3351807|添加下载属性:这里的文件名将是myfile.pdf|3351808|<a+href="myfile.pdf"+download>Download+Brochure</a>|3351809|指定download属性的值：|3351810|<a+href="myfile.pdf"+download="Brochure">Download+Brochure</a>|3351811|这里的文件名将是Brochure.pdf|3351812|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

This can be achieved using HTML.
<pre><code>&lt;a href=&quot;myfile.pdf&quot;&gt;Download Brochure&lt;/a&gt;
</code></pre>
Add download attribute to it:
Here the file name will be myfile.pdf
<pre><code>&lt;a href=&quot;myfile.pdf&quot; download&gt;Download Brochure&lt;/a&gt;
</code></pre>
Specify a value for the download attribute:
<pre><code>&lt;a href=&quot;myfile.pdf&quot; download=&quot;Brochure&quot;&gt;Download Brochure&lt;/a&gt;
</code></pre>
Here the file name will be Brochure.pdf

I am giving link of a pdf file on my web page for download, like below

<pre><code>&lt;a href="myfile.pdf"&gt;Download Brochure&lt;/a&gt;
</code></pre>

The problem is when user clicks on this link then

<ul>
<li>If the user have installed Adobe Acrobat, then it opens the file in the same browser window in Adobe Reader.</li>
<li>If the Adobe Acrobat is not installed then it pop-up to the user for Downloading the file.</li>
</ul>

But I want it always pop-up to the user for download, irrespective of "Adobe acrobat" is installed or not.

Please tell me how i can do this?

How to make PDF file downloadable in HTML link?

服务器

jQuery

HTML5

我在我的网页上提供一个pdf文件的链接供下载，如下所示<a href="myfile.pdf">Download Brochure</a>问题是当用户点击这个链接时如果用户已安装Adobe Acrobat，则会在Adobe Reader的同一浏览器窗口中打开文件。如果未安装Adobe Acrobat，则会弹出窗口，供用...

问如何使PDF文件在HTML链接中可下载？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使PDF文件在HTML链接中可下载？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使PDF文件在HTML链接中可下载？
EN