提交文件至服务器的设置——表单属性中的 enctype
文章目录
- 前言
- 一、enctype 属性设置
- 二、文件域的设置
- 总结
前言
我们在使用 HTML 写表单的时候,如果需要上传本地文件至服务器,我们就需要对文件域中的 enctype 属性进行调整并设置提交方式,本文对这一属性做了简单总结和案例介绍。
一、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 的教程,对于前端程序员来说是一本不错的字典。
我是白鹿,一个不懈奋斗的程序猿。望本文能对你有所裨益,欢迎大家的一键三连!若有其他问题、建议或者补充可以留言在文章下方,感谢大家的支持!
更多资讯微信搜索公众号【WDeerCode代码圈】
提交文件至服务器的设置——表单属性中的 enctype相关推荐
- htmlparser设置表单属性值
想用htmlparser实现自动填写表单并提交,但暂时实现不了提交,计划通过httpclient实现.htmlparser可实现设置表单属性值,但貌似意义不大,其主要价值在解析html网页.设置表单属 ...
- ajax提交文件对象----form组件+form表单+FormData对象
1. 前端 1.1 html <div style="text-align: center;border: 1px solid olivedrab;width: 520px;margi ...
- 前端如何提交文件,不使用form表单提交方式提交文件,JS提交文件
前端使用Ajax传值方式: <body><input type="file" id="importFile"/><input ty ...
- [html] 通过设置表单的target=“_blank“来下载文件会被浏览器拦截吗?如何解决?
[html] 通过设置表单的target="_blank"来下载文件会被浏览器拦截吗?如何解决? 不用表单下载,动态创建一个a标签, 设置href, target="_s ...
- .form文件_含文件上传的form表单AJAX提交小结
最近在学习PHP时,遇到不知道如何含文件上传的form表单AJAX提交,现在把这些记录下来以备自己后续复习时用: HTML代码 *姓名: *性别: {eq name='list.sex' value= ...
- java form 上传文件_JAVA入门[16]-form表单,上传文件
一.如何传递参数 @RequestMapping("/detail") public String detail(@RequestParam("id") int ...
- asp.net接受表单验证格式后再提交数据_如何解析 el-form-renderer 表单渲染器1.14.0...
DEEPEXI 大前端 常人道,一入开发深似海,技术学习无止境.在新技术层出不穷的前端开发领域,有一群身怀绝技的开发,他们在钻研前沿技术的同时,也不忘分享他们的成果,回馈社区.下面,就由小水滴带大家看 ...
- php编辑框禁止输入,如何设置表单的input文本框不可编辑
设置表单input文本框不可编辑的方法:首先创建相应的代码文件:然后通过为表单字段设置为"οnfοcus=this.blur(),readonly.disabled"来实现不可编辑 ...
- BPM实例分享:如何设置表单字体样式
系统版本:V10.0 一些业务场景中,时尔需要改变表单字体 那如何设置表单字体样式? 本文将会针对全局表单和单个表单进行阐述! 1.全局表单: 修改WFRES\CSS\MvcSheet.css , ...
最新文章
- 提到“子类”和“子类型”是不同的
- Ueditor 自动换行,添加P标签问题
- python turtle什么意思_Python turtle shape和
- Java任何一个元素都可以转换成String类型
- 关于安卓手机访问一些网站或者Fiori应用弹出安装证书的提示
- .NET 6 攻略大全(三)
- ML.NET机器学习、API容器化与Azure DevOps实践(一):简介
- C# Types Type Members
- 安装完补丁后是否需要服务器重新启动
- vs2008 编译libtorrent
- python什么是调用_Python中包(package)的调用方式
- date 日期时间命令
- MFC MessageBox使用教程
- LiJian-kaldi搭建在线语音识别系统 资料汇总
- 解决tooltips鬼畜问题
- 组成计算机cpu的两大部件是,组成计算机的cpu的两大部分是什么
- Unity Shader - Specular mode: Specular parameter 高光模式中的高光参数
- Androidapk安装流程之adb安装
- unreal world 皮革_Unreal World猎鹿记
- CollapsingToolbarLayout源码分析
热门文章
- python 爬虫工具 butter_GitHub - TheButterflyOdor/proxy_pool: Python爬虫代理IP池(proxy pool)
- openoffice转化太慢且不能多线程_专访橙光卿蓝蓝:多线程IP如何赢在起跑线?丨制鲜者IP作者...
- linux测试手柄,Linux Joystick 介绍
- 如何快速学好python语言_如何快速的学习Python语言
- Springboot2 Swagger3 集成
- SpringBoot整合Redis 主从复制_02
- SpringBoot 整合 Redis 哨兵机制_01
- Linux Shell脚本专栏_批量主机远程执行命令脚本_08
- 工作流实战_21_flowable 加签 任务向前加签 向后加签
- flowable 动态多实例