js下载文件路径选择

A. js 多文件上传 怎么获得文件的本地路径

flex上传的是文件流，你应该在服务端接到这个字节流 将其创建成文件对象 并保存在服务器专本地磁属盘中获得路径返回给前台，如果你们用node js做的服务器 也是同理 一定有处理流的方法，关键是你要理解flex 通过onload加载成功后在成功事件对象中取得的是 这个文件的信息 包括 字节流啊 宽高啊 名字啊等等。不知道能否让你理解。

B. js中使用window.location.href下载文件的默认目录

public static void selectSort(int[]a)
{
int minIndex=0;
int temp=0;
if((a==null)||(a.length==0))
return;
for(int i=0;i<a.length-1;i++)
{
minIndex=i;//无序区的最小数据数组下标
for(intj=i+1;j<a.length;j++)
{
//在无序区中找到最小数据并保存其数组下标
if(a[j]<a[minIndex])
{
minIndex=j;
}
}
if(minIndex!=i)
{
//如果不是无序区的最小值位置不是默认的第一个数据，则交换之。
temp=a[i];
a[i]=a[minIndex];
a[minIndex]=temp;
}
}
}

C. 用js代码实现将html文件自动保存本地指定路径，并在当前窗口刷新

只用 js 是做不到的。

如果能做到，想想看所有的网站都能随便往你硬盘里存文件了，那不是分分钟中毒么。

D. JS 下载/导出 csv、excel、txt 、img等文件的方法总结

1. 调用后端接口导出文件

示例下载接口url https://gold-cdn.xitu.io/extension/0.3.9/package.crx

1.1 window.open(url)

会打开一个新窗口，开始下载后会自动关闭新窗口。Safair 下载后没有关闭新窗口。

Chrome、IE、Safair支持，貌似火狐不支持

1.2 window.location=url

在当前窗口下载

Chrome、Safair支持

1.3 iframe

在HTML中，iframe 的属性用src，但在JS中，只有部份浏览器支持修改src(读是没问题)，真正通用的是要修改对应框架的href值。

1.4 <a href="url" download="filename">点击链接下载</a>

HTML5中给a标签增加了一个download属性，只要有这个属性，点击这个链接时浏览器就不在打开链接指向的文件，而是改为下载，目前只有chrome、firefox、opera、Edge支持。常用此方法点击下载图片。

IE既不支持a标签的download属性也不允许js调用a 标签的click方法。

2. 前端直接导出文件到本地

2.1 将数据转成DataURI用<a>标签下载

<a href="DataURI" download="filename">点击链接下载</a>

Data URI Scheme

Data URI Scheme是指可以在Web 页面中包含图片但无需任何额外的HTTP 请求的一类URI。 Data URI Scheme一般用于将经过base64编码的数据嵌入网页中，从而减少请求资源的链接数。IE8 之前的版本都不支持 data URI scheme。

DataURI的格式：

生成DataURI的方式

1. encodeURIComponent

使用这种方式，当数据过多时，URI长度容易超出浏览器限制。 encodeURIComponent常用来转码接口参数，为了避免服务器收到不可预知的请求，对任何用户输入的作为URI部分的内容都需要用encodeURIComponent进行转义。

2. URL.createObjectURL

URL.createObjectURL的参数是File对象或者Blob对象

IE10以下不支持URL.createObjectURL

2.2 windows.navigator.msSaveBlob IE10~Edge 专用

msSaveBlob 是IE10~Edge 私有方法。

2.3 execCommand

有的资料有提到IE9可以使用execCommand方法来保存数据到本地文件，但是我自己没有验证过，不知道是否可行。而且MDN文档中execCommand没有查到SaveAs命令。这块只是做个小记录。

js数据直接导出/下载数据到本地到方法总结

本文转载自：https://juejin.im/post/5cd00253518825418f6f2a8c?utm_source=gold_browser_extension

E. js点击选择文件目录的功能

最近做一个小项目，前端需要有一个功能是点击某按钮时，弹出文件选择的框，然后获取目录并写入对应的输入框里，以往是选择某个文件进行上传，功能看起来有些像，但这次不同的是只能选择某个目录而不是文件，因为它并不是上传，它只是为了选择后台生成的文件保存的路径。

于是网上查解决方案，查到两种，

一种是仅在谷歌浏览器上有效的方式，在input节点里加一个属性 webkitdirectory，就可以实现点击弹出选择目录的功能，然后就可以截取目录，此种方式对非空文件夹是可以的实现的，只需监听此input的change事件即可，但如果选择的是空文件夹，就不会触发事件，就无法获取路径，所以这方法不复合我的需求。

另一种是只适用于IE浏览器的方式，即调用IE的activeX控件，为点击按钮绑定事件，然后就可以获取目录，然后到目录调到想要的地方即可，具体实现方式是：

<input id="show">

<button onclick="clickBtn()">点击</button>

function click() {

    try {

        var Message = "\u8bf7\u9009\u62e9\u6587\u4ef6\u5939"; //选择框提示                var Shell = new ActiveXObject("Shell.Application");

        var Folder = Shell.BrowseForFolder(0, Message, 64, 17); //起始目录为：我的电脑                //var Folder = Shell.BrowseForFolder(0, Message, 0); //起始目录为：桌面                if (Folder != null) {

            Folder = Folder.items(); // 返回 FolderItems 对象            

            Folder = Folder.item(); // 返回 Folderitem 对象            

            Folder = Folder.Path; // 返回路径            

            if (Folder.charAt(Folder.length - 1) != "\\") {

                Folder = Folder + "\\";

            }

            document.getElementById('show').value = Folder;

            return Folder;

        }

    } catch (e) {  alert(e.message); }

}

但些方式也有一个问题是，此控件是默认关闭的，需要用户手动启用，并且要把本站点加入可信任站点才行，具体设置过程是：

1. 单击菜单工具->Internet选项->安全->受信任站点->站点->把此网站设为可信站点

2. 在自定义级别->对没有标记为安全的ActiveX控件进行初始化和脚本运行"----"启用"

F. js文件 如何修改 相对路径

"/"是你网站的根目录，就是"www.aaa.com/"
目录改变后，url你要改成这样"/bbb/index.php?g=admin"
就是在前面加上"/bbb"
因为你的url写在js文件里，所以你只能一个个js文件去改，
如果要修改的地方比较多的话，可以考虑用文本编辑器的替换功能，所有文本编辑器都有这功能
如果要修改的地方非常非常非常多的话，可以考虑用 "好压" 自带的 "批量字符替换" 工具

G. javaScript如何弹出文件选择框，然后返回文件完整路径

1、js弹出文件选择框：

给按钮定义以下javascript函数：

varinputObj=document.createElement('input')
inputObj.setAttribute('id','_ef');
inputObj.setAttribute('type','file');
inputObj.setAttribute("style",'visibility:hidden');
document.body.appendChild(inputObj);
inputObj.click();
inputObj.value;

单击已经添加函数的按钮会弹出选择本地文件的对话框。

2、写一个隐藏域,当用户选择文件之后把图片的路径赋给这个隐藏域,然后在action中就可以获取到文件的路径了，代码如下：

functionshowRealPath(filePath){
document.getElementsByName("textfield")[0].value=filePath;
}
<inputtype="file"name="uploadfile"onfocus="showRealPath(this.value);"/>
<inputtype="hidden"name="uploadfileRealPath">

H. js实现选择文件夹路径

1. js 不能实现抄选择 文件夹。 既有的 文件选择是 浏览器自带的，js 不能对 这个文件选择器做任何更改。
2. 如果想选择文件夹， js 不能实现。 必须使用 activex 控件的方式， 或者使用flex 编写。
如 QQ空间 里面的批量上传控件， 就可以读出磁盘里面的文件夹。