图片上传js返回的路径，js 上传图片

js关于图片上传路径的获取

file是一种特殊的input，不能被赋值，也不能被javascript取值，只能随表单提交，而且随表单提交的也是file路径所指向的文件本身。

如果你指的是C：\Users\Public\Pictures\Sample Pictures\沙漠.jpg类似这种本地路径，是不可能的。因为文件路径也属于用户的敏感信息，js这种web语言对本机文件的处理非常有限，目的也是为了避免安全以及隐私问题。控件中，你是不能获取到本机完整路径的。

使用getAttribute方法取就是当前标签的src值。

无法获取本地文件的绝对路径，这里涉及到一个浏览器安全问题。

获取文件目录路径的JavaScript代码 很多时候我们都需要在js文件中获取该文件的详细路径，以便根据其他文件与该js的相对位置计算并设置其他一些文件如图片或样式或脚本的目录路径。

相关问答

Q1: ...实现“上传并预览图片”时,默认浏览器Firefox无法获得图片路径...

火狐Firefox浏览器图片不显示处理方案打开火狐浏览器，在浏览器的地址栏中输入“about：config”并按下回车键。此时会显示如下图所示的警告内容，点击“接受风险并继续”按钮。

打开firefox火狐浏览器，点击右上角的“打开菜单”。

您可以按ctrl+shift+del，调出火狐内置的清除最近的历史记录工具（或者按alt键弹出菜单，工具-》清空最近历史记录），然后选择清除全部的缓存和cookie 如果不能解决，可以点击 Windows的开始按钮，选择运行...在运行对话框中，输入：firefox.exe -p 点击确定，为浏览器新建一个配置文件。

IE浏览器：【工具】菜单---【Internet选项】，打开【Internet选项】对话框， 打开【程序】选项卡，选中【检查Internet Explorer是否为默认的浏览器】复选框， 单击【确定】按钮，关闭对话框。

Mozilla Firefox是一个自由的，开放源码的浏览器，适用于 Windows， Linux 和 MacOS X平台，它体积小速度快，还有其它一些高级特征. 任意缩放文字大小在IE浏览器中，我们只能对文字的大小进行五个级别的调节，但是在火狐浏览器Firefox中，我们可以任意地缩放文字的大小。

在现在的最新版本中，你可点击右上角的菜单，选择选项，在常规的下载中，点击保存文件至右侧的浏览按钮，选择默认下载路径，或者是直接输入完整的路径。

Q2: 用ueditor编辑器,后上传路径和服务器返回的路径怎么不同

1、步骤首先修改ueditor.config.js文件，如下图，红色框即为修改后的效果。说明：imagePath：是用来显示图片上传成功后，编辑器里图片的预览效果。如果此路径出错，那么在编辑器中就无法预览到我们刚上传图片。可以查看HTML代码查看路径。

2、修改config.js配置文件URL为插件根目录，一般是绝对路径。修改config.json中上传图片配置项中的访问路径前缀为项目名称，根据情况修改上传文件路径和访问路径。配置正确之后UEditor有上传功能帮助我们上传图片。但是上传路径会在项目部署的临时文件夹下。

3、因为模板曾经修改过，所以用原来没有更改的模板再次测试是有同样的问题，所以确定自己按需修改后的模板是不会有问题的。将能够正常上传的所有Ueditor内的文件复制到有问题的站点测试，同样是不行，所以网上有些修改这个文件夹内的JS应该是没效果的。

4、错误表示被请求的资源暂时转移(Moved temporatily)，然后会给出一个转移后的URL，而浏览器在处理服务器返回的302错误时，原则上会重新建立一个TCP连接，然后再取重定向后的URL的页面；但是如果页面存在于缓存中，则不重新获取。

5、前端配置项 前端需要配置 serverUrl 参数，修改 ueditor.config.js 里的 serverUrl 参数，改成服务器端路径，参考：URL + php/controller.php 后端配置项 后端配置项在 php/config.json 里配置，不同的上传有各自的配置项。

Q3: JavaScript如何弹出文件选择框,然后返回文件完整路径

1、js实现点击按钮弹出选择文件路径的对话框可以先创建一个file类型的input，然后通过监听按钮click事件打开file对话框，这样我们就可以选择文件路径了。在文件夹中创建一个html文件“ test”。在test文件中添加一个html的框架。

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

3、请问你用过input type=file………吗？使用type=file的话，页面显示一个文本框加一个按钮，点击按钮弹出对话框，选择文件后，文本框显示该文件路径。你有办法的话可以在页面显示时隐蔽掉文本框，不过我还没成功过。

4、选中文件后，所选文件路径会出现在上传附件后面的文本框中。

5、file是一种特殊的input，不能被赋值，也不能被javascript取值，只能随表单提交，而且随表单提交的也是file路径所指向的文件本身。

Q4: js怎么获取上传图片的完整路径?

file是一种特殊的input，不能被赋值，也不能被javascript取值，只能随表单提交，而且随表单提交的也是file路径所指向的文件本身。

var js=document.scripts；var jsPath；for(var i=js.length；i0；i--){ if(js[i-1].src.indexOf(test.js)-1){ jsPath=js[i-1].src.substring(0，js[i-1].src.lastIndexOf(/)+1)；} } alert(jsPath)；这种思路很清晰，根据文件名获取引用的文件的src属性并进行判断截取即可。

使用getAttribute方法取就是当前标签的src值。

上传文件时，我想获取客户端上传文件的原始路径。

无法获取本地文件的绝对路径，这里涉及到一个浏览器安全问题。

Q5: js上传文件

1、js采用File API 来上传文件的。File API 由一组 JavaScript 对象以及事件构成。赋予开发人员操作在 文件选择控件中选定文件的能力。图 1 展示了 File API 所有的 JavaScript 的组合关系。

2、（1）js无法向网站服务器传送文件只能用FTP传送文件，（2）是动态网站要用js代码函数与服务器数据库代码建立连接函数。对应数据库，数据，相应单位，通过指定路径传输倒是制定数据单位。例如照片imag数据单位格式标注照片。

3、即使js文件中可以用标记，由于js文件本身就是由标记调用的，这就变成重复标记了，是画蛇添足了。js属于脚本文件，是由脚本代码组成的。其实把正常的与标记之间的代码剪切到新文件中就是一个js文件了，然后把文件名放到script的src属性就行了。

4、利用progress-stream获取文件上传进度如果只是想在服务端获取上传进度，可以试下如下代码。注意，这个模块跟Express、multer并不是强绑定关系，可以独立使用。

图片上传js返回的路径的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js 上传图片、图片上传js返回的路径的信息别忘了在本站进行查找喔。