js采用File API 来上传文件的。
File API 由一组 JavaScript 对象以及事件构成。赋予开发人员 *** 作在 <input type=”file” … />文件选择控件中选定文件的能力。图 1 展示了 File API 所有的 JavaScript 的组合关系。
File API 简单示例
<body>
<h1>File API Demo</h1>
<p>
<!-- 用于文件上传的表单元素 -->
<form name="demoForm" id="demoForm" method="post" enctype="multipart/form-data"
action="javascript: uploadAndSubmit()">
<p>Upload File: <input type="file" name="file" /></p>
<p><input type="submit" value="Submit" /></p>
</form>
<div>Progessing (in Bytes): <span id="bytesRead">
</span>/ <span id="bytesTotal"></span>
</div>
</p>
</body>
运行效果：
1
第一步：新建HTML文件
使用dreamweaver CS6新建一个html文件并保存到桌面，在桌面放一个文件（图片或文本文档），上传测试用。如图：
步骤阅读
2
第二步：写入html页面代码文件
在dreamweaver中输入以下页面代码：
<table width="958">
<tr >
<td><pre style="height:2px"> <a href="http://www.bjqipei315.com/">文件上传</a>首页 </td>
</tr>
</table>
<h1> <a href="http://www.bjqipei315.com/" class="STYLE9">文件上传</a><span class="STYLE7">文件上传</span></h1>
<p> </p>
<div style="width:180pxheight:950pxfloat:leftborder: #55AAFF 1px solid">
<p>文件上传 </p>
<br />
<p>上传图片</p>
<form action="doUpload.jsp" method="post" name="form1" enctype="multipart/form-data">
<!-- 类型enctype用multipart/form-data，这样可以把文件中的数据作为流式数据上传，不管是什么文件类型，均可上传。-->
<input type="file" name="upfile" size="15">
<input type="submit" value="确定">
</form></div>
注意，这段代码请放在<body>标签之类。如图：
3
第三步：写入css样式代码
在<head>标签之类输入以下样式代码：
<style type="text/css">
<!--
.STYLE1 {color: #3399FF}
.STYLE7 { font-size: 16px
font-weight: bold
}
.STYLE9 {font-family: "华文彩云"
font-size: 48px
color: #FF0000
}
.STYLE11 {
font-size: 16px
color: #FF3300
}
-->
</style>
用以固定页面样式。如图：
4
第四步：检测页面样式
用浏览器打开html文件，查看页面样式，然后做修改调整。如图：
5
第五步：选择文件
点击页面左边的选择文件按钮，选中桌面文件，然后点击打开，在页面上会显示文件名称，如图：
6
第六步：上传文件
点击确定按钮，即可将文件上传到本地磁盘，上传成功后自动跳转到根目录。如图：
JS指定读取上传文件的行数，对这点的话还需要进行什么？需要进行一个指定的读取，一方面儿指定读取，它能精确到什么位置呢？青岛有多少行，第一个是多少行，第二个是有多少字儿，第三个有多少个，这个编码的一个情况，一共这么三个方式，三种这个类型可以说是齐头并进，所以这S来讲的话，他尤其面对这个确定一个行数，确定文件内容，以及确定这个文件字数来讲的话，这里面实际上发挥了非常大的作用，可以这么讲欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）