1、首先在前台建立uploadFileaspx文件，利用net自带控件FileUpload上传本地文件到服务器。
2、建立后台文件uploadFileaspxcs，利用提交按钮的的点击事件创建触发方法FileUploadButton_Click，上传选择的本地文件。
3、利用jquery脚本语言上传文件，首先建立uploadhtml前台html然后把上传的脚本文件包含在内。
4、前台上传脚本文件ajaxfileuploadjs核心代码。
5、后台新建uploadashx文件，处理前台传输文件的请求。
6、最后看一下下图上传界面。
<style type="text/css">
file-box{ position:relative;width:340px}
txt{ height:22px; border:1px solid #cdcdcd; width:200px;border-right:none;}
btn{ background-color:#FFF; border:1px solid #CDCDCD;height:26px; width:70px;}
file{ position:absolute; top:0; right:80px; height:24px; filter:alpha(opacity:0);opacity: 0;width:260px }
</style>
<div class="file-box">
<form action="" method="post" enctype="multipart/form-data">
<input type='text' name='textfield' id='textfield' class='txt' /><input type='button' class='btn' value='浏览' />
<input type="file" name="fileField" class="file" id="fileField" size="28" onchange="documentgetElementById('textfield')value=thisvalue" />
</form>
</div>
要这样写才是对的
绝对路径：
<!DOCTYPE html>
<html>
<body>
<script>
documentwrite(locationhref);//输出当前页面完整URL
</script>
</body>
</html>
相对路径：
<!DOCTYPE html>
<html>
<body>
<script>
documentwrite(locationpathname);//返回当前URL的路径名
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<input type="file" id='up' oninput="get()" />
<script>
function get() {
let fup = documentgetElementById('up');
consolelog("本地文件路径：" + fupvalue)
}
</script>
</body>
</html>
input
file的上传路径是受到保护的，所以没法拿到
1通过上传控件获取路径
2好多框架自带的方式可以获取路径
比如我用struts2，它自身就有可以获得路径的方式，
祝早日解决！
相对路径的层级关系是这样的，同级目录用/或者什么也不写，上级目录用/，下级目录就用目录名/。
HTML写相对路径的代码：
<html>
<body>
<center>
</p></body>
</html>相对indexhtml所有的目录而言：
“/”表示上一级目录开始
“/”表示当前同级目录开始
“/”表示根目录开始。
扩展资料：
绝对路径：是从盘符开始的路径，形如
C:\windows\system32\cmdexe
相对路径：是从当前路径开始的路径，假如当前路径为C:\windows
要描述上述路径，只需输入
system32\cmdexe
实际上，严格的相对路径写法应为\system32\cmdexe
其中，表示当前路径，在通道情况下可以省略，只有在特殊的情况下不能省略。
假如当前路径为c:\program files
要调用上述命令，则需要输入
\windows\system32\cmdexe
其中，为父目录。
参考资料来源：百度百科-相对路径
首先你的页面上必须要使用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(); //得到选择的文件的路径及文件名
});
});
以上就是关于HTML网页如何访问本地文件全部的内容，包括:HTML网页如何访问本地文件、html怎么input获取路径、如何在HTML文件中通过javascript获得当前网页的绝对路径和相对路径等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）