zoukankan      html  css  js  c++  java
  • form 文件上传

    通过form属性enctype="multipart/form-data"上传

    html:

    <form action="" class="" enctype="multipart/form-data" id="peo-new-form">
      <div class="flex flex-pack-center">
        <div class="fullPath peo-edit-fullPath ellips" id="peo-edit-fullPath"></div>
        <a href="javascript:;" class="file peo-edit-file peoForm" id="peo-edit-file">选择文件
          <input type="file" name="" id="editForm">
        </a>
      </div>
    </form>

    css:

    对原有的文件上传进行美化

    .file {

       position: relative; 

       160px;

       height: 56px;

       line-height: 40px;

       padding: 7px 10px; 

      text-align: center;

       border-radius: 13px;

       overflow: hidden;

       text-indent: 0;

      color: #54546C;

      font-size: 30px;

      background: #fff;

  • 相关阅读:
    关于开发 Web AI 的思考(kendryte K210)
    怪不得我说,这几个月的代码数据都跑哪里去了....
    在 Android 上使用蓝牙作为主机进行一对多从机传输数据的实测,理论 5
    写了一下 micropython 的文件系统单元测试
    mark 自己未来要写一下,蓝牙主机一对多从机和 K210 的网络通信优化过程。
    VUE实现Studio管理后台(五):手风琴式折叠组件(Accordion)
    VUE实现Studio管理后台(四):状态模式实现窗口停靠,灵动、自由
    VUE实现Studio管理后台(三):支持多语言国际化(vue-i18n)
    VUE实现Studio管理后台(二):Slot实现选项卡tab切换效果,可自由填装内容
    VUE实现Studio管理后台(一):鼠标拖放改变窗口大小
  • 原文地址:https://www.cnblogs.com/lyt598/p/11158053.html
Copyright © 2011-2022 走看看