您的位置：首页 > Web前端

【文件上传前端】文件上传前端 Part1 —— 传统表单上传

2016-09-29 11:29 274 查看

<!DOCTYPE HTML>
<html>
<head>
<meta content="text/html" charset="utf-8" />
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>upload file1 - 传统表单</title>
</head>

<body>
<form action="upload_file1.php" method="post" enctype="multipart/form-data">
<input type="file" accept="image/*" name="file" />
<input type="submit" value="上传" />
</form>
</body>
</html>

传统表单上传文件的方式代码非常简单，但是有以下几个点需要注意：

1、由于表单中包含文件，所以需要加上 enctype="multipart/form-data" 这个，使得浏览器在发送请求的时候，自动解析为name对应的字段，并给表单各个部分加上boundary

2、input type="file" 的name需为和后端对接定义的字段名称，确保浏览器解析后能和后端正常通信

3、由于是传统表单，在点击提交按钮之后，页面会跳转，所以如果需要页面不跳转，请看之后介绍的方法

4、提交到的upload_file1.php具体如何接受文件，也会在之后文件上传-后端部分进行介绍

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

【文件上传 前端】文件上传 前端 Part1 —— 传统表单上传

【文件上传前端】文件上传前端 Part1 —— 传统表单上传