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>

    结果展示:

  • 相关阅读:
    [LOJ#6284.数列分块入门8] ODT(珂朵莉树)解法
    [CF Contest] Sum of Round Numbers 题解
    基础数论记录
    [CF Contest] Kana and Dragon Quest game 题解
    hexo上怎么写博客
    keepalived的部署
    python局部和全局变量
    python发送邮件
    lamp架构的部署
    rayns数据同步
  • 原文地址:https://www.cnblogs.com/lirongyang/p/11250558.html
Copyright © 2011-2022 走看看