Javascript 选择不上载所选文件的本地文件

Javascript 选择不上载所选文件的本地文件,javascript,file-upload,Javascript,File Upload,我正在本地开发服务器上使用PHP为自己制作一个简单的开发工具 我想有一个简单的文件选择器来选择一个文件,而不上传它,但只是保留文件路径。这是很有用的,因为我将是唯一一个使用该工具的人,因此PHP可以访问所选的文件,而无需上传 我的第一个想法是有一个,但据我所知,没有办法阻止上传发生 有没有办法做到这一点?我会做一些类似于相同输入类型文件的事情 表单将不是一个多部分表单,一个带有onSubmit事件的普通表单,它接受文件输入的值,并将该值分配给在该表单的操作中执行的隐藏输入…我将执行类似于相同输入

我正在本地开发服务器上使用PHP为自己制作一个简单的开发工具

我想有一个简单的文件选择器来选择一个文件,而不上传它,但只是保留文件路径。这是很有用的,因为我将是唯一一个使用该工具的人,因此PHP可以访问所选的文件,而无需上传

我的第一个想法是有一个,但据我所知,没有办法阻止上传发生


有没有办法做到这一点?

我会做一些类似于相同输入类型文件的事情


表单将不是一个多部分表单,一个带有onSubmit事件的普通表单,它接受文件输入的值,并将该值分配给在该表单的操作中执行的隐藏输入…

我将执行类似于相同输入类型文件的操作


表单将不是一个多部分表单,一个带有onSubmit事件的普通表单,它接受文件输入的值,并将该值分配给该表单操作中执行的隐藏输入…

尽管您可以使用JavaScript获取字段中输入的文件名,并将该名称发送到服务器,例如,使用XMLHttpRequest,您无法获得完整路径,因为这将产生巨大的安全隐患

例如,您不必为此使用:

<input type="file" id="fileField">
<input type="button" value="Click here!" onclick="getFileName()">

<script>
function getFileName() {
  var fileEl = document.getElementById("fileField");
  console.log(fileEl.value);
  // other stuff, e.g. send fileEl.value using XMLHttpRequest
}
</script>

虽然您可以使用JavaScript获取在字段中输入的文件的文件名,并将该名称发送到服务器,例如使用XMLHttpRequest,但无法获取完整路径,因为这将产生巨大的安全隐患

例如,您不必为此使用:

<input type="file" id="fileField">
<input type="button" value="Click here!" onclick="getFileName()">

<script>
function getFileName() {
  var fileEl = document.getElementById("fileField");
  console.log(fileEl.value);
  // other stuff, e.g. send fileEl.value using XMLHttpRequest
}
</script>

假设这只在本地运行,您可以编写一个基于PHP的文件选择器/定位器。通过这种方式,您可以完全控制行为和表示。

假设这只在本地运行,您可以编写一个基于PHP的文件选择器/定位器。通过这种方式,您可以完全控制行为和表示。

PHP是服务器端的,它如何在不上载文件的情况下访问文件?您是否正在尝试获取文件的本地路径?您可以使用javascript读取文件名,但不能读取文件路径。@Kau Boy:是的,我需要本地路径@尼克:这是我的本地开发服务器,因此server=localThan我担心这是不可能的,因为出于安全原因,本地路径不应该在客户端或服务器端读取。@Austin:如果是这样,这是合适的技术吗?PHP是服务器端,在不上载文件的情况下,它如何访问该文件?您是否正在尝试获取该文件的本地路径?您可以使用javascript读取文件名,但不能读取文件路径。@Kau Boy:是的,我需要本地路径@尼克:这是我的本地开发服务器,因此server=localThan我担心这是不可能的,因为出于安全原因,本地路径不应该在客户端或服务器端读取。@Austin:如果是这样,这是合适的技术吗?