精华内容
下载资源
问答
  • 2020-12-15 14:19:04

    response.setHeader(“Content-Disposition”, “inline;filename=”+“你要指定的文件名”);

    更多相关内容
  • PHP之表单提交

    2021-03-23 21:23:39
    一、前台数据的提交前台数据的提交一般在form表单中完成,主要有两种方式,一种为post,一种为get。1、get方式:前台代码:后台代码:echo "提交成功";提交结果:说明:(1)、是一种明文提交方式,提交的数据会在url...

    1e3e54a5456cf2f095eea784ba0fb885.png

    一、前台数据的提交

    前台数据的提交一般在form表单中完成,主要有两种方式,一种为post,一种为get。

    1、get方式:

    前台代码:

    49dbee7cdfdedc4064e8c06d6cb8444e.png

    后台代码:

    echo "提交成功";

    提交结果:

    46626da09238f33edf54a0f7ca3b1c3f.png

    说明:

    (1)、是一种明文提交方式,提交的数据会在url中显示出来,不太安全,传输的数据量较小,受到地址栏长度的限制

    (2)、提交的数据类型单一,只能传递文本数据

    (3)、主要用于从服务器端获取数据

    2、post方式:

    前台代码:

    0c7e2d53846713eae2a742a20e8f48a2.png

    后台代码:

    echo "提交成功";

    提交结果:

    207f8efefd5d81e26e74926212380d57.png

    说明:

    (1)、密文提交方式,提交在http协议内部。

    (2)、提交的数据量大,提交的数据类型多样

    (3)、主要用于向服务器端提交数据

    (4)、提交数据的查看

    在浏览器的控制台中查看:network——>后台文件——>headers——>from data

    1e5f29fad11e7d806a19a2abaae0976d.png

    3、模拟get方式提交数据

    主要应用在没有表单的情况下,向后台提交数据。

    如何模拟:凡是html文档中能够输入url的地方,再所请求的文件名后加上?名=值&名=值方式向后台传递数据 。

    二、后台数据的接收

    根据前台提交数据的不同,主要有三种接收方式:

    $_GET、$_POST:两种传输方式分别对应前台get和post传输方式,都是以数组的形式进行传输,传输过来是键值对的形式。

    $_REQUEST:同时能够接受前台使用get和post方式提交的数据。

    1、$_GET

    前台是get方式提交:

    285670427dad202f5b1b71426f958825.png

    后台接受:

    1bd2730edfda6d2c417e23bccd2f1f4d.png

    提交结果:

    5cfd869a37b6a5c33d7d48b900a7c70a.png

    说明:

    (1)、将前台传递过来的各个键值对中的名作为关联数组的键名,名值对中的值作为关联数组元素的键值。

    (2)、post方式与get方式一样,但是前台和后台必须统一,即前台为post,后台接受也应该是post方式。

    2、$_request

    前台既有post提交请求,又有get方式提交请求,或者你不知道前台使用的提交方式,就使用$_REQUEST方式接受前台提交的数据。

    前台提交方式可以是get或者post中任意的一种,只是后台接受方式变为$_REQUEST即可,提交结果不变,都是以关联数组的形式展现。

    三、特殊表单的提交

    对于复选框表单的提交,在设置Html时,需要在name属性值的后面加一对中括号[ ],这个中括号一旦被php接收以后,会自动转换为数组。

    前台代码:

    34b13b902a52e398b6260ea4dbfc1ddc.png

    后台代码:

    1c1f3bfb485084f78388795f498231de.png

    提交结果:

    0c0a2c32b0cfe2a48dd0160f49e4f48c.png

    四、get vs post

    get:数据不安全、提交的数据量小且提交的数据类型单一,只能传递文本数据(由于它提交的数据会附在地址栏的url后面,无法传递其它数据,例如图片,无法将其附在地址栏的url后面),主要用于从服务端获取数据。

    post:相对安全,提交的数据量大,提交的数据类型多样,主要用于向服务器提交数据。

    展开全文
  • vue表单提交

    千次阅读 2021-10-12 10:45:21
    如果传输的是文件,还要包含文件名和文件类型信息 text/XML application/x-www-form-urlencoded 表单默认提交方式;传递到后台的将是key-value的形式 格式:name: sun 提交 methods:{ submit: function(event) { ...

    1、form标签 @submit.prevent="submit($event)"
    <form @submit.prevent="submit($event)">
     
        <input type="text" class="form-control" placeholder="请输入姓名" name="username">
     
        <input type="submit" value="登陆" class="login" />
     
    </form>
    methods:{
        submit: function(event) {
     
            var formData = new FormData(event.target);
            
            //vue-resource
            this.$http.post('/api', formData).then(res => {
                  // success callback
              }, err => {
                  // error callback
            });
            
            //axios
            axios.post('/user',obj).then(res => {
                // success callback
            }).catch(err => {
                // error callback
            });
        }
    }
    2、formData.append()
    设置参数格式
     application/json 

    axios默认提交格式;传递到后台的将是序列化后的json字符串,格式为JSON格式

    格式:{"name": "sun"}

     multipart/form-data

    用表单上传文件时,必须使form表单的enctype属性或者ajax的contentType参数等于multipart/form-data

    格式:Contnet-Disposition: form-data; name=sun

    不同字段以--boundary开始,接着是内容描述信息,最后是字段具体内容。

    如果传输的是文件,还要包含文件名和文件类型信息

     text/XML 

    application/x-www-form-urlencoded 

    表单默认提交方式;传递到后台的将是key-value的形式

    格式:name: sun

     <form>
            <input type="text" value="" v-model="name" placeholder="请输入用户名">
            <input type="text" value="" v-model="age" placeholder="请输入年龄">
            <input type="file" @change="getFile($event)">
            <button @click="submitForm($event)">提交</button>
      </form>
    methods:{
        submit: function(event) {
     
            event.preventDefault();
     
            let formData = new FormData();
     
            //下面是表单绑定的data 数据
            formData.append('name', this.name);
            formData.append('age', this.age);
            formData.append('file', this.file);
            
            //vue-resource
            this.$http.post('/api', formData).then(res => {
                  // success callback
              }, err => {
                  // error callback
            });
            
            //axios
     
            //根据后台接收参数格式进行修改
            let config = {
                 headers: {
                   'Content-Type': 'multipart/form-data'
                 }
             }
            
            axios.post('/api',formData, config).then(res => {
                // success callback
            }).catch(err => {
                // error callback
            });
        }
    }

    展开全文
  • display: inline-block; border: 1px solid #333; padding: 4px 10px; overflow: hidden; text-decoration: none; text-indent: 0;... } 效果: 此时上传文件的文件名不显示,需要用js处理: 效果:

    实现思路:

    a标签包裹input元素

    设置a标签为上传按钮的样式,相对定位

    设置input为透明,绝对定位,覆盖到a上面

    效果:看到的按钮是a的样式,点击时实际是点击input元素。样式和功能都具备

    html代码:

    选择文件  

    CSS代码:

    .file {

    position: relative;

    display: inline-block;

    border: 1px solid #333;

    padding: 4px 10px;

    overflow: hidden;

    text-decoration: none;

    text-indent: 0;

    line-height: 20px;

    border-radius: 5px;

    color: #000;

    background:#ccc; /* 一些不支持背景渐变的浏览器 */

    background:-moz-linear-gradient(top, #fff, #ccc);

    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#ccc));

    background:-o-linear-gradient(top, #fff, #ccc);

    }

    .file input {

    position: absolute;

    font-size: 50px;

    right: 0;

    top: 0;

    opacity: 0;

    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);

    }

    效果:

    0818b9ca8b590ca3270a3433284dd417.png

    此时上传文件的文件名不显示,需要用js处理:

    效果:

    0818b9ca8b590ca3270a3433284dd417.png

    展开全文
  • 的小伙伴,对其中的属性 enctype一定不会陌生,就是它规定了对表单提交给服务器时表单数据编码的内容类型(Content Type)。以下引用,摘自 HTML 4.01规范的Form章节:enctype = content-type [CI]This attribute ...
  • from表单提交大批量数据,数据丢失

    千次阅读 2018-07-27 21:17:03
    HTML &lt;form&gt; 标签 accept MIME_type ... 规定服务器可处理的表单数据字符集。... 规定当提交表单时向何处发送表单数据。 autocomplete on off 规定是否启用表...
  • 因为需要在新页面中显示表单提交的普通文本表单字段数据和上传之后的文件,所以是需要用到本次请求数据的,选择请求转发。 文件回显的步骤   将上传文件进行回显的步骤: 将需要回显的数据存储到 request 域中; ...
  • curl form表单提交文件

    2021-07-26 17:29:08
    场景: ... 例: 有一个http服务端,有一个上传文件接口“/uploadUpgradeFile”,写...curl ,curl的post,curl的form表单域字段,shell脚本单引号如何使用变量。 例子: 命令行 ./upload_file.sh /opt/test.zip ...
  • springboot 文件和表单一起提交 真的不得不说一句,网上搜了一大圈。没搜见一个合适的。。。 1、首先是 文件上传–网上随便找一个: @Controller public class FileController { @GetMapping("/upload/page") ...
  • 表单提交及后台数据接收 用POST请求,后台原生接收的一个公式: req. addListener( "data" , function (chunk) { alldata += chunk; }) //当全部传输完毕之后 req. addListener( "end" , function () { ...
  • 使用jquery修改表单提交地址

    千次阅读 2014-06-03 23:22:26
    通过使用jquery选择器得到对应表单的jquery对象,然后使用attr方法修改对应的action 示例程序一: 默认情况下,该表单提交到page_one.html 点击button之后,表单提交地址就会修改为page_two.html jquery...
  • 通过传统的form表单提交的方式上传文件 测试通过Rest接口上传文件 指定文件名: 上传文件: 关键字1: 关键字2: 关键字3: 不过传统的form表单提交会导致页面刷新,但是在有些情况下,我们不...
  • 本系列文章是作者暑假给学生进行实训分享的笔记...本篇文章开始讲解MyEclipse环境下创建JSP网站,并实现注册表页面的创建及Servlet获取提交的数据,基础性文章。非常基础的文章,希望对读者有所帮助 ,尤其是我的学生。
  • JSP和Servlet的六种中文乱码处理方法一、表单提交时出现乱码:在进行表单提交的时候,经常提交一些中文,自然就避免不了出现中文乱码的情况,对于表单来说有两种提交方式:get和post提交方式。所以请求的时候便有get...
  • Servlet处理Form表单提交的文件数据以及普通数据处理表单提交数据相关代码解析Map用到的工具类 其中需要用到的两个包: commons-fileupload-1.2.1.jar.的下载地址和 commons-io.jar的下载地址 处理表单提交数据相关...
  • 通过form表单file属性一次选择多个文件,而ie下获取的是文件的路径,所以经过截取处理得到文件名;同时为防止同一个文件多次上传到服务器报错,所以通过时间加上传序号加文件名的的方式重新再前端进行命名,来保证...
  • PythonDjango对于表单的提交和处理,也是略简单的,开发上手容易,这节课我们直接进行表单提交与后台处理请求的学习。 urls.py 首先是urls.py添加url的解析 from django.urls import path from . import view ...
  • jquery.form.js是一个非常强大的用于表单提交的插件。通过该插件,我们可以非常简单的实现表单的异步提交,并实现文件上传、进度条显示等等。Jquery官网下载网址github地址+使用文档网上参考文档先放上结果图吧,吊...
  • form表单提交后,自定义页面跳转或者提示内容 js请求代码和html代码是我在网上找的,但是后来想再去寻找时,已经找不见了。所以写此博客来记录。 不会解释,一切看代码。 《HTML》代码: target="rfFrame"> ...
  • package com.htmltaglibs.struts.action;import java.io.FileOutputStream;import java.io.InputStream;import java.io.OutputStream;import javax.servlet.http.HttpServletRequest;import javax.servlet....
  • 4.jsp页面修改 必须将表单的 method 设置为 POST ,并将 enctype 设置为 multipart/form-data 。只有在这样的情况下,浏览器才会把用户选择的文件以二进制数据发送给服务器。   enctype="multipart/...
  • form表单提交过程

    千次阅读 2016-03-13 09:42:00
    简单的表单,简单的处理方式 好了,让我们进入今天的主题,看看下面这个简单的HTML表单。 &lt;form action="Handler1.ashx" method="post" &gt;  &lt;p&gt;客户名称: &...
  • 我们想下载得话就得使用如下方法, 2.form表单 用动态生成的form元素,实现表单提交,并完成下载。注意此处不会ajax。原理仅仅是表单的提交。 由于jQery的ajax函数、及ajaxSubmit等函数的返回类型(dataType),只有...
  • /// <summary> /// 上传的方法 /// </summary> /// <param name="uploadfile">单个文件名(上传多个文件的方法自己修改)</param> /// <param name="url">post请求的url</p...
  • resteasy 上传表单文件名乱码

    千次阅读 2017-06-23 23:37:02
    进行表单提交,对于中文文件名会出现乱码,出现乱码的本质就是字符转码失败. 我们常说的gbk,utf-8等编码,其本质就是一个符号集,规定了符号的二进制代码,也就是每一个符号都有其对应的二进制,实现了代码与机器的交互,
  • Java+MyEclipse+Tomcat (二)配置Servlet及简单实现表单提交

    万次阅读 多人点赞 2015-05-07 04:42:12
    本文主要讲述MyEclipse和Tomcat配置Servlet的过程和简单实现表单提交功能。希望对大家有所帮助。一. Servlet编程 1.Web基础知识 2.什么是Servlet 二. 配置Servlet 1.Servlet声明 2.Servlet映射 三. 简单实现表单提交...
  • 通过为表单元素设置Method=“post”enctype="multipart/form-data"属性,让表单提交的数据以二进制编码的方式提交,在接受此请求的Servlet中用二进制流来获取内容,就可以获得上传文件的内容,从而实现...
  • Vue 提交表单

    万次阅读 2019-04-13 15:34:15
    如果传输的是文件,还要包含文件名和文件类型信息 text/XML application/x-www-form-urlencoded ​​​​​​​表单默认提交方式;传递到后台的将是key-value的形式 格式:name: sun 提交 methods:{ submit: ...
  • SSM表单提交图片(FormData)以及其他内容并且存入数据库记录 最近学习使用到Spring + SpringMVC + MyBatis 整合,并且做一个小小的案例网站.其中向数据库中添加一条新的信息,涉及到了图片上传.新人入手总是大坑小坑...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 33,665
精华内容 13,466
关键字:

表单提交修改文件名