首页 > 其他分享 >js表单文件提交

js表单文件提交

时间:2024-04-02 13:11:59浏览次数:16  
标签:form Upload 表单 multipart 提交 js data

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>File Upload Form</title>
</head>
<body>

<h2>Upload File</h2>

<form action="/upload" method="post" enctype="multipart/form-data">
  <label for="file">Select a file:</label>
  <input type="file" id="file" name="file" accept=".txt, .pdf, .doc, .docx">
  <br><br>
  <button type="submit">Upload</button>
</form>

</body>
</html>

注意:当一个表单包含<input type="file">时,表单的enctype必须指定为multipart/form-datamethod必须指定为post,浏览器才能正确编码并以multipart/form-data格式发送表单的数据。

标签:form,Upload,表单,multipart,提交,js,data
From: https://www.cnblogs.com/yuyanc/p/18110352

相关文章

  • js计算md5
    js原生里并没有类似其他语言的md5加密函数,这里用CryptoJS库来实现md5加密。<form><inputtype="text"id="testMD5"><buttontype="button"onclick="calculateMD5()">计算MD5</button></form>&l......
  • HTML——5.表单、框架、颜色
    一、表单HTML表单用于在网页中收集用户输入的数据,例如登录信息、搜索查询等。HTML提供了一系列的表单元素,允许用户输入文本、选择选项、提交数据等。<!DOCTYPEhtml><htmllang="en"><head>  <metacharset="UTF-8">  <metaname="viewport"content="width=......
  • nodejs websocket
    github:库地址node后端:interfacemsgType{from:string;to:string;msg:string;}exportclassServer{privatews=require("nodejs-websocket");privateconnections:{nickname:string;con:any}[]=[];constructor(){this.sta......
  • vue中表单修改提交前利用watch找出新数据和原来数据之间的改动
    <template><div><[email protected]="submitForm"><inputv-model="formData.name"type="text"placeholder="Name"><inputv-model="formData.email"type......
  • 基于jsp+Spring boot+mybatis的图书管理系统设计和实现
    基于jsp+Springboot+mybatis的图书管理系统设计和实现博主介绍:多年java开发经验,专注Java开发、定制、远程、文档编写指导等,csdn特邀作者、专注于Java技术领域作者主页央顺技术团队Java毕设项目精品实战案例《1000套》欢迎点赞收藏⭐留言文末获取源码联系方式......
  • Cannot deserialize the current JSON array (e.g. [1,2,3]) into type ‘model’ bec
    错误:CannotdeserializethecurrentJSONarray(e.g.[1,2,3])intotype‘model’becausethetyperequiresaJSONobject(e.g.{“name”:“value”})todeserializecorrectly.TofixthiserroreitherchangetheJSONtoaJSONobject 原因:json或xml字符串中......
  • 53.html+css+js网页设计实例/“旅游”主题北京介绍/web前端期末大作业/
    一、前言 本实例以“旅游”北京为主题设计,应用html+css+js,包括菜单导航、视频、留言表单、搜索等,供大家参考。【关注作者】2000+套Web模板,主题涵盖30+类型,更多网页课程、网页模板,DW网页成品源代码下载,有兴趣的联系我交流分享!您的支持是我创作的动力,【点赞收藏博文】,3Q!二......
  • Vue.js基础指令
    (在讲指令之前,可以先了解插值表达式,如果已经知道,当我没说)一.插值表达式1.数据绑定最常见的形式就是双大括号的文本插值,Mustache上属性的值替代。只要绑定的数据对象上属性发生了改变,插值处的内容都会更新。,message是将数据解析成纯文本的,也就是说,就算中含有了html,message......
  • 30 天精通 RxJS (06): 建立 Observable(二)
    CreationOperatorObservable有许多创建实例的方法,称为creationoperator。下面我们列出RxJS常用的creationoperatorcreateoffromfromEventfromPromiseneveremptythrowintervaltimerof还记得我们昨天用create来建立一个同步处理的observable吗?varsou......
  • ETL工具-nifi干货系列 第六讲 处理器JoltTransformJSON
    1、处理器作用使用Jolt转换JSON数据为其他结构的JSON,成功的路由到'success',失败的'failure'。处理JSON的实用程序不是基于流的,因此大型JSON文档转换可能会消耗大量内存。Jolt:JSON到JSON转换库,用Java编写,其中转换的"规范"或者描述文件本身就是一个JSON文档。2、属性......