blocks|key|1559866|text|URL+file://[servername]/[sharename]应打开一个资源管理器窗口，指向网络上的共享文件夹。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1559867|entityMap^0|4|V|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

The URL <code>file://[servername]/[sharename]</code> should open an explorer window to the shared folder on the network.

blocks|key|1559766|text|确保您的文件夹权限设置为允许目录列表，然后使用chmod+701将您的锚点指向该文件夹(尽管这可能有风险)，例如|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1559767|<a+href="./downloads/folder_i_want_to_display/"+>Go+to+downloads+page</a>|code-block|syntax|javascript|1559768|确保您在该目录中没有index.html任何索引文件|1559769|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|$]]

make sure your folder permissions are set so that a directory listing is allowed then just point your anchor to that folder using chmod 701 (that might be risky though)
for example

<pre><code>&lt;a href="./downloads/folder_i_want_to_display/" &gt;Go to downloads page&lt;/a&gt;
</code></pre>

make sure that you have no index.html any index file on that directory

blocks|key|1344419|text|如果安全设置被设置为中等级别，则使用file://///将不起作用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1344420|如果您只想让用户能够下载/查看位于网络或共享上的文件*，您可以在IIS中设置一个虚拟目录。在属性选项卡上，确保选择了“位于另一台计算机上的共享”，并选择了“连接为...”是可以看到网络位置的帐户。|1344421|从您的网页链接到虚拟目录(例如http://yoursite/yourvirtualdir/)，这将在web浏览器中打开该目录的视图。|offset|length|1344422|*您可以允许虚拟目录上的写入权限，以允许用户添加文件但不尝试，并假定网络权限将覆盖此设置。|1344423|entityMap|0|LINK|mutability|MUTABLE|url|http://yoursite/yourvirtualdir/^0|0|0|F|V|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$F|U|G|V|1|W]]|A|$]]|$1|H|3|I|5|6|7|X|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]]]

Using file:///// just doesn't work if security settings are set to even a moderate level.

If you just want users to be able to download/view files* located on a network or share you can set up a Virtual Directory in IIS. On the Properties tab make sure the "A share located on another computer" is selected and the "Connect as..." is an account that can see the network location.

Link to the virtual directory from your webpage (e.g. <a href="http://yoursite/yourvirtualdir/" rel="noreferrer">http://yoursite/yourvirtualdir/</a>) and this will open up a view of the directory in the web browser.

*You can allow write permissions on the virtual directory to allow users to add files but not tried it and assume network permissions would override this setting.

blocks|key|1344605|text|参加聚会有点晚了，但我最近不得不自己解决这个问题，尽管略有不同，但它仍然可能对与我有相似情况的人有所帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1344606|我在笔记本电脑上使用xampp在windows上运行一个纯本地网站应用程序。(我知道的一个非常特定的环境)。在本例中，我使用一个指向php文件的html链接并运行：|1344607|shell_exec('cd+C:\path\to\file');
shell_exec('start+.');|code-block|syntax|javascript|1344608|这将打开一个本地Windows资源管理器窗口。|1344609|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

A bit late to the party, but I had to solve this for myself recently, though slightly different, it might still help someone with similar circumstances to my own. 

I'm using xampp on a laptop to run a purely local website app on windows. (A very specific environment I know). In this instance, I use a html link to a php file and run:

<pre><code>shell_exec('cd C:\path\to\file');
shell_exec('start .');
</code></pre>

This opens a local Windows explorer window.

blocks|key|1344741|text|我解决的问题是在每个人的计算机上安装一个本地web服务，该服务侦听端口9999，并在收到通知时在本地打开一个目录。我的示例node.js+express应用程序：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1344742|import+{+createServer,+Server+}+from+"http";

//+server
import+express+from+"express";
import+cors+from+"cors";
import+bodyParser+from+"body-parser";

//+other
import+util+from+'util';
const+exec+=+util.promisify(require('child_process').exec);

export+class+EdsHelper+{
++++debug:+boolean+=+true;
++++port:+number+=+9999
++++app:+express.Application;
++++server:+Server;

++++constructor()+{
++++++++//+create+app
++++++++this.app+=+express();
++++++++this.app.use(cors());
++++++++this.app.use(bodyParser.json());
++++++++this.app.use(bodyParser.urlencoded({
++++++++++++extended:+true
++++++++}));

++++++++//+create+server
++++++++this.server+=+createServer(this.app);

++++++++//+setup+server
++++++++this.setup_routes();
++++++++this.listen();
++++++++console.info("server+initialized");
++++}

++++private+setup_routes():+void+{
++++++++this.app.post("/open_dir",+async+(req:+any,+res:+any)+=>+{
++++++++++++try+{
++++++++++++++++if+(this.debug)+{
++++++++++++++++++++console.debug("open_dir");
++++++++++++++++}

++++++++++++++++//+get+path
++++++++++++++++//+C:\Users\ADunsmoor\Documents
++++++++++++++++const+path:+string+=+req.body.path;

++++++++++++++++//+execute+command
++++++++++++++++const+{+stdout,+stderr+}+=+await+exec(`start+""+"${path}"`,+{
++++++++++++++++++++//+detached:+true,
++++++++++++++++++++//+stdio:+"ignore",
++++++++++++++++++++//windowsHide:+true,++++//+causes+directory+not+to+open+sometimes?
++++++++++++++++});

++++++++++++++++if+(stderr)+{
++++++++++++++++++++throw+stderr;
++++++++++++++++}+else+{
++++++++++++++++++++//+return+OK
++++++++++++++++++++res.status(200).send({});
++++++++++++++++}
++++++++++++}+catch+(error)+{
++++++++++++++++console.error("open_dir+>>+error+=+"+%2B+error);
++++++++++++++++res.status(500).send(error);
++++++++++++}
++++++++});
++++}

++++private+listen():+void+{
++++++++this.server.listen(this.port,+()+=>+{
++++++++++++console.info("Running+server+on+port+"+%2B+this.port.toString());
++++++++});
++++}

++++public+getApp():+express.Application+{
++++++++return+this.app;
++++}

}|code-block|syntax|javascript|1344743|以本地用户而不是管理员身份运行此服务非常重要，否则目录可能永远不会打开。|1344744|从您的web应用程序向本地主机：http://localhost:9999/open_dir，数据：{+"path":+"C:\Users\ADunsmoor\Documents"+}发出POST请求。|1344745|entityMap^0|Z|4|0|0|0|G|U|1E|16|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|V|8|@$9|W|A|X|B|C]|$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|O|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|P|$]]

What I resolved doing is installing a local web service on every person's computer that listens on port <code>9999</code> for example and opens a directory locally when told to. My example node.js express app:
<pre><code>import { createServer, Server } from &quot;http&quot;;

// server
import express from &quot;express&quot;;
import cors from &quot;cors&quot;;
import bodyParser from &quot;body-parser&quot;;

// other
import util from 'util';
const exec = util.promisify(require('child_process').exec);

export class EdsHelper {
 debug: boolean = true;
 port: number = 9999
 app: express.Application;
 server: Server;

 constructor() {
 // create app
 this.app = express();
 this.app.use(cors());
 this.app.use(bodyParser.json());
 this.app.use(bodyParser.urlencoded({
 extended: true
 }));

 // create server
 this.server = createServer(this.app);

 // setup server
 this.setup_routes();
 this.listen();
 console.info(&quot;server initialized&quot;);
 }

 private setup_routes(): void {
 this.app.post(&quot;/open_dir&quot;, async (req: any, res: any) =&gt; {
 try {
 if (this.debug) {
 console.debug(&quot;open_dir&quot;);
 }

 // get path
 // C:\Users\ADunsmoor\Documents
 const path: string = req.body.path;

 // execute command
 const { stdout, stderr } = await exec(`start &quot;&quot; &quot;${path}&quot;`, {
 // detached: true,
 // stdio: &quot;ignore&quot;,
 //windowsHide: true, // causes directory not to open sometimes?
 });

 if (stderr) {
 throw stderr;
 } else {
 // return OK
 res.status(200).send({});
 }
 } catch (error) {
 console.error(&quot;open_dir &gt;&gt; error = &quot; + error);
 res.status(500).send(error);
 }
 });
 }

 private listen(): void {
 this.server.listen(this.port, () =&gt; {
 console.info(&quot;Running server on port &quot; + this.port.toString());
 });
 }

 public getApp(): express.Application {
 return this.app;
 }

}
</code></pre>
It is important to run this service as the local user and not as administrator, the directory may never open otherwise. 
Make a POST request from your web app to localhost: <code>http://localhost:9999/open_dir</code>, data: <code>{ &quot;path&quot;: &quot;C:\Users\ADunsmoor\Documents&quot; }</code>.

blocks|key|1560092|text|您还可以复制链接地址并将其粘贴到新窗口中，以绕过安全性。这在chrome和firefox中有效，但你可能需要在firefox中添加斜杠。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1560093|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|$]]

You can also copy the link address and paste it in a new window to get around the security. This works in chrome and firefox but you may have to add slashes in firefox.

blocks|key|1560009|text|在Chrome中不起作用，但其他答案建议通过插件的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1560010|Can+Google+Chrome+open+local+links?|offset|length|1560011|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/2087894/can-google-chrome-open-local-links^0|0|0|Z|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

Does not work in Chrome, but this other answers suggests a solution via a plugin:

<a href="https://stackoverflow.com/questions/2087894/can-google-chrome-open-local-links">Can Google Chrome open local links?</a>

blocks|key|1560185|text|希望有一天它能帮助到某个人。我正在做一个小的POC，偶然发现了这个。一个按钮，onClick显示文件夹的内容。下面是HTML，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1560186|<input+type=button+onClick="parent.location='file:///C:/Users/'+"+value='Users'>|code-block|syntax|javascript|1560187|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|$]]

Hope it will help someone someday. I was making a small POC and came across this.
A button, onClick display contents of the folder. Below is the HTML,

<pre><code>&lt;input type=button onClick="parent.location='file:///C:/Users/' " value='Users'&gt;
</code></pre>

I need to let users of an application open a folder by clicking a link inside a web page. The path of the folder is on the network and can be accessed from everywhere. I'm probably sure there is no easy way to do this, but maybe I'm mistaken?

What are the ways to make an html link open a folder

Windows

我需要让应用程序的用户通过单击网页内的链接来打开文件夹。文件夹的路径在网络上，可以从任何地方访问。我可能肯定没有简单的方法可以做到这一点，但也许我错了？

问让html链接打开文件夹的方法有哪些？
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问让html链接打开文件夹的方法有哪些？EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问让html链接打开文件夹的方法有哪些？
EN