zoukankan      html  css  js  c++  java
  • HTML--Boby部分Input之上传文件

     随笔记录方便自己和同路人查阅。

    #------------------------------------------------我是可耻的分割线-------------------------------------------

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>input系列</title>
    </head>
    <body>
        <form>
            <p>上传文件:</p>
            上传<input  type="file" />
        </form>
    </body>
    </html>

    结果展示:

    点击选择文件打开选择文件对话框,但是上述HTML代码还不可以工作是因为没有name后台接收不到数据,更改后代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>input系列</title>
    </head>
    <body>
        <form>
            <p>上传文件:</p>
            上传<input  type="file" name="filename"/>
            <input type="submit" value="提交"/>
        </form>
    </body>
    </html>

    结果展示:

    这样看起来好像是可以了,小伙子不要着急,这样还是不行滴,因为提交文件依赖form表单的一个属性enctype="multipart/form-data",现在是没有的,我没给它加上:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>input系列</title>
    </head>
    <body>
        <form enctype="multipart/form-data">
            <p>上传文件:</p>
            上传<input  type="file" name="filename"/>
            <input type="submit" value="提交"/>
        </form>
    </body>
    </html>

    结果展示:

  • 相关阅读:
    .Net Core使用Socket与树莓派进行通信
    c#中Socket网络通信的入门
    django 中 cookie与session 相关的知识
    怎么解决MySQL密码问题
    python 虚拟环境安装与卸载
    Linux 怎么清理缓存
    VMware 虚拟机黑屏问题
    如何在Ubuntu上给软件创建快捷方式
    Linux-Windows10双系统安装
    Tomcat开启JMX监控
  • 原文地址:https://www.cnblogs.com/lirongyang/p/11250558.html
Copyright © 2011-2022 走看看