blocks|key|1474647|text|作为一种更优雅的降级解决方案，我可能建议使用preventDefault|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1474648|$('a').click(function(e)+{
++++e.preventDefault();++//stop+the+browser+from+following
++++window.location.href+=+'uploads/file.doc';
});

<a+href="no-script.html">Download+now!</a>|code-block|syntax|javascript|1474649|即使没有Javascript，至少用户会得到一些反馈。|1474650|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.jquery.com/Events/jQuery.Event#event.preventDefault.28.29^0|M|E|M|E|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|11|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

I might suggest this, as a more gracefully degrading solution, using <a href="http://docs.jquery.com/Events/jQuery.Event#event.preventDefault.28.29" rel="noreferrer"><code>preventDefault</code></a>:

<pre><code>$('a').click(function(e) {
 e.preventDefault(); //stop the browser from following
 window.location.href = 'uploads/file.doc';
});

&lt;a href="no-script.html"&gt;Download now!&lt;/a&gt;
</code></pre>

Even if there's no Javascript, at least this way the user will get some feedback.

blocks|key|1474703|text|如果你不想让搜索引擎索引某些文件，你可以使用robots.txt告诉网络爬行器不要访问你网站的某些部分。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1474704|如果你只依赖于javascript，那么一些没有javascript的用户将无法点击你的链接。|1474705|entityMap|0|LINK|mutability|MUTABLE|url|http://en.wikipedia.org/wiki/Robots.txt^0|M|A|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

If you don't want search engines to index certain files, you can use <a href="http://en.wikipedia.org/wiki/Robots.txt" rel="noreferrer">robots.txt</a> to tell web spiders not to access certain parts of your website.

If you rely only on javascript, then some users who browse without it won't be able to click your links.

blocks|key|1474573|text|是的，您必须将window.location.href更改为您想要下载的文件的url。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1474574|window.location.href+=+'http://www.com/path/to/file';|code-block|syntax|javascript|1474575|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|$]]

Yes, you would have to change the window.location.href to the url of the file you would want to download.

<pre><code>window.location.href = 'http://www.com/path/to/file';
</code></pre>

blocks|key|1260213|text|+var+link=document.createElement('a');
+document.body.appendChild(link);
+link.href=url;
+link.click();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1260214|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> var link=document.createElement('a');
 document.body.appendChild(link);
 link.href=url;
 link.click();
</code></pre>

blocks|key|1474793|text|通过声明window.location.href+=+'uploads/file.doc';，您可以显示您存储文件的位置。当然，您可以使用.htacess来强制存储文件的所需行为，但这可能并不总是很麻烦……|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1474794|最好是创建一个服务器端的php-file，并将以下内容放入其中：|1474795|header('Content-Type:+application/octet-stream');
header('Content-Disposition:+attachment;+filename='.$_REQUEST['f']);
readfile('../some_folder/some_subfolder/'.$_REQUEST['f']);+
exit;|code-block|syntax|javascript|1474796|这段代码将以下载的形式返回任何文件，而不显示您实际存储它的位置。|1474797|您可以通过window.location.href+=+'scripts/this_php_file.php?f=downloaded_file';打开此php文件|1474798|entityMap^0|4|16|0|0|0|0|5|1X|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|X|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|R|$]]

By stating <code>window.location.href = 'uploads/file.doc';</code> you show where you store your files. You might of course use .htacess to force the required behaviour for stored files, but this might not always be handful....

It is better to create a server side php-file and place this content in it:

<pre><code>header('Content-Type: application/octet-stream');
header('Content-Disposition: attachment; filename='.$_REQUEST['f']);
readfile('../some_folder/some_subfolder/'.$_REQUEST['f']); 
exit;
</code></pre>

This code will return ANY file as a download without showing where you actually store it.

You open this php-file via <code>window.location.href = 'scripts/this_php_file.php?f=downloaded_file';</code>

blocks|key|1474714|text|Hidden+iframes可以提供帮助|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1474715|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/3499597/javascript-jquery-to-download-file-via-post-with-json-data/3506018#3506018^0|0|E|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="https://stackoverflow.com/questions/3499597/javascript-jquery-to-download-file-via-post-with-json-data/3506018#3506018">Hidden iframes</a> can help

blocks|key|1260206|text|我建议您使用mousedown事件，它是在click事件之前调用的。这样，浏览器就可以自然地处理click事件，从而避免任何代码怪异的地方：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1260207|(function+($)+{


++++//+with+this+solution,+the+browser+handles+the+download+link+naturally+(tested+in+chrome+and+firefox)
++++$(document).ready(function+()+{

++++++++var+url+=+'/private/downloads/myfile123.pdf';
++++++++$("a").on('mousedown',+function+()+{
++++++++++++$(this).attr("href",+url);
++++++++});

++++});
})(jQuery);|code-block|syntax|javascript|1260208|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 suggest you use the mousedown event, which is called BEFORE the click event.
That way, the browser handles the click event naturally, which avoids any code weirdness:

<pre><code>(function ($) {


 // with this solution, the browser handles the download link naturally (tested in chrome and firefox)
 $(document).ready(function () {

 var url = '/private/downloads/myfile123.pdf';
 $("a").on('mousedown', function () {
 $(this).attr("href", url);
 });

 });
})(jQuery);
</code></pre>

blocks|key|1260091|text|有关使用jQuery清除表单的类似帖子，请参阅此处：Resetting+a+multi-stage+form+with+jQuery|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1260092|您可能还会遇到struts值堆栈重新填充值的问题。换句话说，您提交表单，在操作类中执行任何操作，但不清除操作类中的相关字段值。在这种情况下，表单将显示为保留您以前提交的值。如果你以某种方式持久化这些，只需在持久化之后和返回成功之前将操作类中的每个字段值设为空即可。|1260093|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/680241/blank-out-a-form-with-jquery^0|Q|14|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

See here for a similar post on using jQuery to clear forms: <a href="https://stackoverflow.com/questions/680241/blank-out-a-form-with-jquery">Resetting a multi-stage form with jQuery</a>

You may also be running into an issue where the values are being repopulated by the struts value stack. In other words, you submit your form, do whatever in the action class, but do not clear the related field values in the action class. In this scenario the form would appear to maintain the values you previously submitted. If you are persisting these in some way, just null each field value in your action class after persisting and prior to returning SUCCESS.

blocks|key|1260260|text|使用html5可以很容易地做到这一点：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1260261|var+link+=+document.createElement('a');
link.href+=+"/WWW/test.pdf";
link.download+=+"file_"+%2B+new+Date()+%2B+".pdf";
link.click();
link.remove();|code-block|syntax|javascript|1260262|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|$]]

You can do this with html5 very easily:
<pre><code>var link = document.createElement('a');
link.href = &quot;/WWW/test.pdf&quot;;
link.download = &quot;file_&quot; + new Date() + &quot;.pdf&quot;;
link.click();
link.remove();
</code></pre>

How can I prompt a download for a user when they click a link.

For example, instead of:

<pre><code>&lt;a href="uploads/file.doc"&gt;Download Here&lt;/a&gt;
</code></pre>

I could use: 

<pre><code>&lt;a href="#"&gt;Download Here&lt;/a&gt;

 $('a').click... //Some jquery to download the file
</code></pre>

This way, Google does not index my HREF's and private files.

Can this be done with jQuery, if so, how? Or should this be done with PHP or something instead?

Download File Using jQuery

服务器

jQuery

当用户单击链接时，我如何提示用户下载。例如，而不是：<a href="uploads/file.doc">Download Here</a>我可以使用：<a href="#">Download Here</a> $('a').click... //Some jquery to download the file这样，Google就不会索引我的HREF和私有文件。使用jQuery可以做到这一点吗?如

问使用jQuery下载文件
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery下载文件EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery下载文件
EN