提交文件至服务器的设置——表单属性中的 enctype
【摘要】 我们在使用 HTML 写表单的时候，如果需要上传本地文件至服务器，我们就需要对文件域中的 enctype 属性进行调整并设置提交方式，本文对这一属性做了简单总结和案例介绍。
文章目录
- 前言
- 一、enctype 属性设置
- 二、文件域的设置
- 总结
我们在使用 HTML 写表单的时候，如果需要上传本地文件至服务器，我们就需要对文件域中的 enctype 属性进行调整并设置提交方式，本文对这一属性做了简单总结和案例介绍。
enctype 属性用于设置 MIME 类型，默认值为：
application/x-www-form-urlencoded将文件上传至服务器，需将编码方式设置为下，同时表单提交方式应为 post。
multipart/form-data设置文件域时，type 的属性值必须为"file"，name 设置文件域的名称，用于在脚本中获取域的数据。
代码如下：
<form name="form1" action="register.jsp" method="post" onsubmit="" enctype="multipart/form-data">
请上传相片：<input type="file" name="photo">
</form>运行截图如下：
说明：在上图中，用户可直接将需上传的文件路径填写在文本框中，也可以点击“浏览”按钮，在本地找到需要上传的文件。
HTML 里面的小设置和细节特别多，需要特别细心还需要多做，这也就是为什么前端程序员里面女生比较多。当然，我们如果记不住可以去查 W3school 的教程，对于前端程序员来说是一本不错的字典。
我是白鹿，一个不懈奋斗的程序猿。望本文能对你有所裨益，欢迎大家的一键三连！若有其他问题、建议或者补充可以留言在文章下方，感谢大家的支持！
【版权声明】本文为华为云社区用户原创内容，未经允许不得转载，如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
作者其他文章
评论（0）