用js如何实现点击按钮打开一个指定路径下的文件

方法步骤如下：

1、首先，打开计算机，然后打开JS，在其中创建一个HTML文件“test”。

2、然后将HTML框架添加到测试文件中。

3、然后添加两个输入，一个是button，另一个是file将ID设置为“open”样式类型为“display：None”并且不显示。

4、打开后，仅显示此“打开文件”按钮。

5、现在将onclick事件添加到按钮，并调用openfile来触发ID为“open”的文件。

6、现在单击浏览器中的“打开文件”就会d出选择文件路径对话框。

1、jsd出文件选择框：

给按钮定义以下javascript函数：

var inputObj=document.createElement('input')

         inputObj.setAttribute('id','_ef')

         inputObj.setAttribute('type','file')

         inputObj.setAttribute("style",'visibility:hidden')

         document.body.appendChild(inputObj)

         inputObj.click()

         inputObj.value 

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

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

function showRealPath(filePath){

      document.getElementsByName("textfield")[0].value = filePath

}

<input type="file" name="uploadfile" onfocus="showRealPath(this.value)"/>

<input type="hidden" name="uploadfileRealPath">

首先创建一个input标签，定义type为“file”（*关键）

1

2

<button id="id">Open</button>

<input id="yourinputname" type="file" name="yourinputname" style="display: none" />

然后用 jQuery 代码来触发它就可以了:

1

2

3

$('#id').on('click', function() {

$('#yourinputname').trigger('click')

})

---