首先你的页面上必须要使用file标签，这是html获取文件的唯一途径，然后用js取页面标签的内容就可以了，具体代码如下：
HTML
<div id="divForm"><input type="file" id="myfile">
<input type="button" id="btnOpen" value="选择文件">
</div>
JS
$(function(){
$("#btnOpen").click(function(){
var path=$("#myfile").val() //得到选择的文件的路径及文件名
})
})
主要是利用相对位置，例如，以读取图片文件为例：
1、html读取图片文件和html文件 ，在同一个文件夹，如下图
2、html的代码写的时候，同一个文件夹下 那么就直接写图片的名称
另一种情况、如果图片文件存放在img文件夹下，img文件夹和html文件处于同一个文件夹下
1）存放如下，
2）代码如下：那么就先写图片的文件夹,在写/，在写图片胡全称
以img标签来开头，在网页的主体部分（即HTML的<body>部分）找到你想要插入图片的位置。
在这里写下<img>标签。这是一个空标签，创建的是被引用图像的占位空间。
同时在HTML中，<img>标签是没有结束标签的。您需要将插入的图片放在两个尖括号之中。
示例：<img src="文件路径/图片名称">
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）